@font-face {
	font-family: 'chem172024';
	src: url('//at.alicdn.com/t/c/font_4339021_4mkea6028re.eot?t=1703744387909');
	src: url('//at.alicdn.com/t/c/font_4339021_4mkea6028re.eot?t=1703744387909#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/c/font_4339021_4mkea6028re.woff2?t=1703744387909') format('woff2'), url('//at.alicdn.com/t/c/font_4339021_4mkea6028re.woff?t=1703744387909') format('woff'), url('//at.alicdn.com/t/c/font_4339021_4mkea6028re.ttf?t=1703744387909') format('truetype'), url('//at.alicdn.com/t/c/font_4339021_4mkea6028re.svg?t=1703744387909#chem17') format('svg')
}

@font-face {
	font-family: 'youshebiaotihei';
	src: url('https://public.mtnets.com/Font/youshebiaotihei/youshebiaoti.woff2') format('woff2');
	font-display: swap
}

.chem172024 {
	font-family: "chem172024" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

@font-face {
	font-family: 'chem17';
	src: url('//at.alicdn.com/t/c/font_1943868_9gofm6m8ms4.woff2?t=1733713135845') format('woff2'), url('//at.alicdn.com/t/c/font_1943868_9gofm6m8ms4.woff?t=1733713135845') format('woff'), url('//at.alicdn.com/t/c/font_1943868_9gofm6m8ms4.ttf?t=1733713135845') format('truetype')
}

.chem17 {
	font-family: "chem17" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.QQhover {
	position: absolute;
	left: 0;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255, 255, 255, .9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
	overflow: hidden
}

.QQhover::after {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:"
}

.qq {
	position: relative
}

.qq:hover .QQhover {
	display: inline-block
}

.shop-live#shop-live {
	top: calc(100% - 400px)
}

sup {
	vertical-align: top;
	line-height: 1
}

.image img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

body {
	line-height: 1;
	overflow-x: hidden;
	overflow-y: auto;
	background: inherit
}

.gray {
	background-color: #f5f5f5
}

.iframe {
	overflow: hidden
}

.iframe iframe {
	width: calc(100% + 18px);
	margin-left: -9px
}

.advs {
	position: relative;
	display: block;
	height: 100%;
	width: 100%
}

.advs img {
	display: block
}

.advs i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat
}

.new-pro-adv .image {
	height: 0;
	padding-bottom: 47.5%;
	overflow: hidden;
	position: relative
}

.new-pro-adv .image .advs {
	position: static
}

.new-pro-adv .image img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: contain
}

.ease {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.banner-adv {
	margin: 0 auto;
	overflow: hidden
}

.banner-adv ul {
	width: calc(100% + 20px);
	display: inline;
	float: left;
	margin: 0 0 0 -10px
}

.banner-adv ul li {
	display: block;
	float: left;
	position: relative
}

.banner-adv ul li .adv-item {
	margin: 0 10px 0 10px
}

.banner-adv ul.one li {
	width: 100%
}

.banner-adv ul.two li {
	width: 50%
}

.banner-adv ul.three li {
	width: 33.33%
}

.banner-adv ul.four li {
	width: 25%
}

.banner-adv ul.five li {
	width: 20%
}

.banner-adv ul.six li {
	width: 16.66%
}

.w {
	width: 1560px;
	margin: 0 auto
}

.w::after {
	content: "";
	display: block;
	clear: both
}

.header .item .left p a:hover {
	color: #4385f5
}

.header {
	height: 40px;
	border-bottom: 1px solid #e5e9f4;
	background: #f6f7fb;
	font-size: 13px
}

.header .item {
	height: 100%;
	margin: 0 auto
}

.header .item .left {
	float: left
}

.header .item .left p {
	line-height: 40px;
	color: #666;
	float: left
}

.header .item .left p a {
	color: #666
}

.header .item ul {
	float: left;
	margin-top: 12px
}

.header .item ul li {
	float: left;
	padding: 0 6px;
	height: 16px;
	border-right: 1px solid #e5e9f4;
	color: #666
}

.header .item .left ul li:last-child {
	border-right: 0
}

.header .item ul li a {
	color: #666;
	line-height: 24px;
	display: inline-block;
	margin-top: -4px;
	padding: 0 6px
}

.header .item .left ul li:first-child a {
	padding: 0 5px
}

.header .item .left ul li a {
	padding: 0 5px
}

.header .item ul li:first-child a {
	color: #4385f5
}

.header .item .right ul li:nth-child(3) a,
.header .item .right ul li:nth-child(3) a:hover {
	color: #fff;
	background-color: #4385f5;
	border-radius: 2px;
	padding: 0 10px
}

.header .item .right {
	float: right;
	margin-right: 180px
}

.header .item .right ul li:first-child a {
	color: #666
}

.header .item ul li a:hover,
.header .right ul li a:hover,
.header .item .right ul li:first-child a:hover {
	color: #4385f5
}

.header .item .right ul li a.qiugou {
	font-family: "YouSheBiaoTiHei";
	font-size: 20px;
	color: #fb9336
}

.header .item .right ul li a.qiugou i {
	display: inline-block;
	width: 20px;
	height: 22px;
	background: url(../../../../images/index/version/2024/shop.png) no-repeat;
	background-size: contain;
	margin-right: 4px;
	vertical-align: top
}

.Tophead {
	margin: 0 auto;
	position: relative
}

.Tophead .left {
	position: absolute;
	top: -40px;
	left: 356px
}

.Tophead .left .serviceBtn {
	margin-top: 7px;
	height: 26px;
	line-height: 26px;
	width: 78px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: block;
	border-radius: 2px;
	background-image: -moz-linear-gradient(180deg, rgb(123, 191, 80) 0%, rgb(38, 164, 128) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(123, 191, 80) 0%, rgb(38, 164, 128) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(123, 191, 80) 0%, rgb(38, 164, 128) 100%)
}

.Tophead ul {
	position: absolute;
	top: -40px;
	right: 0
}

.Tophead li {
	float: left;
	height: 40px;
	position: relative
}

.Tophead li .ServiceTop {
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	font-size: 13px;
	position: relative;
	font-weight: bold
}

.Tophead li .ServiceTop i {
	font-size: 15px;
	font-weight: normal;
	margin-right: 4px
}

.Tophead li .ServiceTop::after {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #e2e2e2
}

.Tophead li:last-child .ServiceTop::after {
	display: none
}

.Tophead li .ServiceTop a {
	color: #4285f4
}

.ServiceBot {
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 40px;
	right: 0;
	display: none;
	text-align: center;
	z-index: 9999;
	box-sizing: border-box
}

.ServiceBot1 {
	width: 590px;
	padding: 14px 25px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.ServiceBot1 .box-arr {
	margin-right: -36px;
	overflow: hidden
}

.ServiceBot1 .box {
	float: left;
	width: 33.33%
}

.ServiceBot1 .item {
	margin-right: 36px
}

.ServiceBot1 .item .image {
	display: inline-block;
	margin-top: 14px;
	background: url(../../../../images/index/version/2024/ewm-bg.png) no-repeat;
	background-size: contain;
	padding: 7px
}

.ServiceBot1 .box:nth-child(2) .item .image {
	padding: 0;
	background: none
}

.ServiceBot1 .item p {
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #333;
	overflow: hidden
}

.ServiceBot1 .item span {
	display: block;
	font-size: 13px;
	color: #999;
	margin-top: 8px
}

.Tophead li.mobile .hover {
	background-image: -moz-linear-gradient(-90deg, rgb(242, 255, 248) 0%, rgb(255, 255, 255) 43%);
	background-image: -webkit-linear-gradient(-90deg, rgb(242, 255, 248) 0%, rgb(255, 255, 255) 43%);
	background-image: -ms-linear-gradient(-90deg, rgb(242, 255, 248) 0%, rgb(255, 255, 255) 43%);
	box-shadow: 0 10px 20px 0 rgba(150, 153, 158, .32)
}

.Tophead li.mobile .hover::after {
	display: none
}

.ServiceBot2 {
	width: 736px;
	box-shadow: 0 10px 20px 0 rgba(150, 153, 158, .32);
	overflow: hidden;
	background: url(../../../../images/index/version/2024/top-bg.png) no-repeat;
	background-color: #fff
}

.ServiceBot2 .gzRight {
	width: 490px;
	border-left: 1px solid #f3f3f3;
	float: right
}

.ServiceBot2 .gzRight a {
	padding: 80px 20px 24px;
	line-height: 17px;
	font-size: 15px;
	color: #333;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	float: left;
	cursor: pointer;
	border: 1px solid transparent
}

.ServiceBot2 .gzRight a:nth-child(1)::after,
.ServiceBot2 .gzRight a:nth-child(2)::after,
.ServiceBot2 .gzRight a:nth-child(3)::after,
.ServiceBot2 .gzRight a:nth-child(4)::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #f3f3f3
}

.ServiceBot2 .gzRight a::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #f3f3f3
}

.ServiceBot2 .gzRight a:nth-child(4n)::before {
	display: none
}

.ServiceBot2 .gzRight a i {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 36px;
	height: 31px;
	background: url(../../../../images/index/version/2024/ServiceBot2-1.png) no-repeat;
	background-size: 100% 100% !important;
	display: inline-block;
	vertical-align: top
}

.ServiceBot2 .gzRight a:nth-child(2) i {
	width: 36px;
	height: 40px;
	background: url(../../../../images/index/version/2024/ServiceBot2-2.png) no-repeat;
	top: 28px
}

.ServiceBot2 .gzRight a:nth-child(3) i {
	width: 70px;
	height: 31px;
	background: url(../../../../images/index/version/2024/ServiceBot2-3.png) no-repeat
}

.ServiceBot2 .gzRight a:nth-child(4) i {
	width: 36px;
	height: 38px;
	background: url(../../../../images/index/version/2024/ServiceBot2-4.png) no-repeat;
	top: 28px
}

.ServiceBot2 .gzRight a:nth-child(5) i {
	width: 36px;
	height: 42px;
	background: url(../../../../images/index/version/2024/ServiceBot2-5.png) no-repeat;
	top: 28px
}

.ServiceBot2 .gzRight a:nth-child(6) i {
	width: 42px;
	height: 42px;
	background: url(../../../../images/index/version/2024/ServiceBot2-6.png) no-repeat
}

.ServiceBot2 .gzRight a:nth-child(7) i {
	width: 42px;
	height: 42px;
	background: url(../../../../images/index/version/2024/ServiceBot2-7.png) no-repeat
}

.ServiceBot2 .gzRight a:nth-child(8) i {
	width: 42px;
	height: 42px;
	background: url(../../../../images/index/version/2024/ServiceBot2-8.png) no-repeat
}

.ServiceBot2 .gzRight a.focus,
.ServiceBot2 .gzRight a:hover {
	z-index: 999;
	background-color: #fff;
	border: 1px solid #87b2f8
}

.ServiceBot2 .gzRight a.focus::after,
.ServiceBot2 .gzRight a.focus::before {
	display: none
}

.ServiceBot2 .zgLeft {
	height: 100%;
	position: relative;
	display: none;
	overflow: hidden
}

.ServiceBot2 .zgLeft .image {
	width: 140px;
	padding: 7px;
	background-color: #fff;
	margin: 25px auto 0
}

.ServiceBot2 .zgLeft p {
	font-size: 22px;
	font-weight: bold;
	margin-top: 15px;
	line-height: 28px
}

.Tophead li.weixin .hover {
	background-image: -moz-linear-gradient(-90deg, rgb(242, 255, 248) 0%, rgb(255, 255, 255) 48%);
	background-image: -webkit-linear-gradient(-90deg, rgb(242, 255, 248) 0%, rgb(255, 255, 255) 48%);
	background-image: -ms-linear-gradient(-90deg, rgb(242, 255, 248) 0%, rgb(255, 255, 255) 48%);
	box-shadow: 0 10px 20px 0 rgba(150, 153, 158, .32)
}

.Tophead li.weixin .hover::after {
	display: none
}

.divService {
	color: #ddd;
	font-weight: bold;
	position: absolute;
	top: -36px;
	right: 0
}

.divService a {
	line-height: 25px;
	color: #666;
	padding: 0 8px;
	font-weight: normal;
	display: inline-block
}

.divService a:first-child {
	color: #fff;
	background-color: #76a244;
	border-radius: 2px
}

.divService a:first-child:hover {
	color: #fff
}

.divService .mobile-app {
	position: relative
}

.divService .mobile-app img {
	position: absolute;
	max-width: 140px;
	max-height: 140px;
	position: absolute;
	top: 40px;
	left: -35px;
	display: none;
	z-index: 999
}

.divService a:hover {
	color: #138146
}

.divService a:last-child {
	padding-right: 0
}

.topBannerAdv,
.botBannerAdv {
	margin: 16px auto 0;
	display: none
}

.topBannerAdv img,
.botBannerAdv img {
	width: 100%;
	max-height: none
}

.top {
	margin: 24px auto 0
}

.top .logo {
	float: left
}

.search {
	float: right;
	width: calc(100% - 260px)
}

.search .form {
	width: 710px;
	height: 54px;
	float: left;
	border: 2px solid #4286f5;
	border-radius: 4px;
	margin-left: 100px;
	margin-top: 14px;
	box-sizing: border-box
}

.search .form .select {
	width: 74px;
	height: 100%;
	position: relative;
	float: left
}

.search .form .select::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 24px;
	background-color: #e6e6e6
}

.search .form .select .select-top {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	font-size: 0
}

.search .form .select .select-top p {
	font-size: 16px;
	line-height: 50px;
	display: inline-block
}

.search .form .select .select-top i {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #333 transparent transparent transparent;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	cursor: pointer;
	vertical-align: top;
	margin-top: 23px;
	margin-left: 5px
}

.search .form .select .select-top.focus i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.search .form .select .select-bot {
	width: 80px;
	position: absolute;
	background-color: #ffffff;
	top: 42px;
	left: -2px;
	z-index: 99;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	display: none
}

.search .form .select .select-bot li {
	line-height: 30px;
	font-size: 15px;
	border-left: 2px solid #e6e6e6;
	border-right: 2px solid #e6e6e6;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center
}

.search .form .select .select-bot li:hover {
	background-color: #4285f4;
	border-left: 2px solid #4285f4;
	border-right: 2px solid #4285f4;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.search .form input {
	border: none;
	height: 100%;
	width: 514px;
	font-size: 16px;
	color: #aaaaaa;
	float: left;
	text-indent: 7px;
	margin-top: 0
}

.search .form input:focus {
	color: #333
}

.search .form button {
	width: 118px;
	height: 100%;
	border: none;
	background-color: #4385f5;
	font-size: 18px;
	color: #fff;
	float: right;
	cursor: pointer;
	outline: none
}

.search .form button i {
	margin-right: 6px;
	font-size: 18px
}

.top-adv {
	float: right;
	width: 380px;
	margin-top: 6px;
	position: relative;
	height: 68px
}

.top-adv a.advs {
	height: 100%
}

.top-adv img {
	width: 100%;
	height: 100%
}

.top-adv .Advs {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 465px;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.top-adv .Advs img {
	width: 100%;
	height: 100%
}

.top-adv:hover .Advs {
	z-index: 99;
	opacity: 1
}

.hot-key {
	width: 100%;
	font-size: 0;
	line-height: 15px;
	color: #ef3333;
	margin-top: 25px;
	overflow: hidden
}

.hot-key a,
.hot-key b {
	font-size: 14px;
	vertical-align: top
}

.hot-key a {
	color: #333;
	margin-left: 17px;
	display: inline-block;
	width: auto;
	height: auto
}

.hot-key a:hover {
	color: #4385f5
}

.hot-key i {
	margin: 0 3px 0 0;
	vertical-align: top;
	font-size: 15px
}

.hot-key b {
	display: none
}

.hot-key a:first-of-type {
	margin-left: 0
}

.nav {
	background: -moz-linear-gradient(0deg, rgb(48, 38, 255) 0%, rgb(45, 148, 255) 49%, rgb(88, 206, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(48, 38, 255) 0%, rgb(45, 148, 255) 49%, rgb(88, 206, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(48, 38, 255) 0%, rgb(45, 148, 255) 49%, rgb(88, 206, 255) 100%);
	background-image: url(../../../../images/index/version/2024/nav-bg.png);
	background-size: cover;
	margin-top: 10px
}

.nav .menu {
	margin: 0 auto;
	height: 100%;
	position: relative
}

.nav .menu ul {
	white-space: nowrap;
	font-size: 0
}

.nav .menu ul li {
	display: inline-block;
	position: relative
}

.nav .menu ul li b a,
.nav .menu ul li .menu-top a {
	color: #fff;
	height: 56px;
	text-align: center;
	font-size: 19px;
	line-height: 56px;
	padding: 0 37px;
	display: block;
	font-weight: bold
}

.nav .menu ul li b a:hover,
.nav .menu ul li b a.home {
	background-color: rgba(255, 255, 255, .2)
}

.nav .menu ul li .menu-top a i {
	display: inline-block;
	font-size: 14px;
	margin: 22px 0 0 8px;
	vertical-align: top;
	font-weight: normal;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	line-height: 1
}

.nav .menu ul li .menu-top a:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.nav .menu ul li.hover .menu-top {
	background-color: rgba(255, 255, 255, .2);
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .12)
}

.nav .menu ul li .menu-bot {
	position: absolute;
	z-index: 999;
	width: 100%;
	display: none;
	top: 100%;
	left: 0;
	background-color: #fff;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.nav .menu ul li .menu-bot p a {
	height: 46px;
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	color: #333;
	display: block;
	position: relative
}

.nav .menu ul li .menu-bot p a:hover {
	color: #4385f5;
	background-color: #e6eefb
}

.nav .menu ul li .menu-bot p a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 16px;
	right: 16px;
	border-bottom: 1px dotted #dddddd
}

.nav .menu ul li.new strong {
	position: absolute;
	width: 34px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	top: 2px;
	right: -5px;
	color: #fff;
	font-size: 12px;
	background: url('../../../../Images/Index/Version/2020/new.png') no-repeat 0 0;
	background-size: cover
}

.nav-bot {
	height: 50px;
	background-color: #f2f2f2
}

.nav-bot .item {
	margin: 0 auto;
	height: 50px
}

.nav-bot .item span {
	float: left;
	font-size: 0;
	margin-right: 0;
	height: 24px;
	line-height: 24px;
	margin-top: 13px
}

.nav-bot .item span b {
	font-size: 24px;
	color: #4489ff;
	vertical-align: top;
	display: inline-block;
	font-family: "YouSheBiaoTiHei";
	font-weight: normal;
	margin-top: 1px
}

.nav-bot .item span b i {
	margin: 0 6px 0 0;
	vertical-align: top;
	width: 22px;
	height: 26px;
	display: inline-block;
	background: url(../../../../images/index/version/2024/icon1.png);
	background-size: contain;
	background-repeat: no-repeat
}

.nav-bot .item span a {
	font-size: 16px;
	color: #333;
	margin-left: 18px
}

.nav-bot .item span a:hover {
	color: #4489ff
}

.nav-bot .item span:nth-child(2) b i {
	background-image: url(../../../../images/index/version/2024/icon2.png);
	margin-top: -1px;
	margin-left: 40px
}

.more-subnet {
	float: left;
	position: relative;
	margin-left: 18px
}

.subnet-top {
	line-height: 50px;
	font-size: 16px
}

.subnet-top i {
	font-size: 12px;
	margin: 19px 0 0 8px;
	vertical-align: top;
	display: inline-block;
	line-height: 1;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

.subnet-top a:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.subnet-top a {
	color: #333
}

.subnet-top a:hover {
	color: #4285f4
}

.subnet-bot {
	position: absolute;
	z-index: 99;
	width: 136px;
	display: block;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	display: none;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.subnet-bot p a {
	height: 46px;
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	color: #333;
	display: block;
	position: relative
}

.subnet-bot p a:hover {
	color: #4385f5;
	background-color: #e6eefb
}

.subnet-bot p a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 16px;
	right: 16px;
	border-bottom: 1px dotted #dddddd
}

.threew li:first-child .adv-item,
.threew li:nth-child(3) .adv-item {
	width: 380px
}

.threew li:nth-child(2) .adv-item {
	width: 760px
}

.mt22 {
	margin-top: 22px
}

.product-classify {
	position: relative;
	width: 340px;
	float: left;
	background: -moz-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background: -webkit-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background: -ms-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background-image: url(../../../../images/index/version/2024/product-classify-bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: 10;
	background-repeat: no-repeat;
	background-position-x: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.product-classify.active {
	background-position-x: 0
}

.product-classify .title {
	padding-top: 22px;
	text-align: center
}

.product-classify .title a {
	color: #fff
}

.product-classify .title p {
	line-height: 30px;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	background: url(../../../../images/index/version/2024/title-bg.png) no-repeat center center;
	background-size: contain
}

.product-classify .title p b {
	display: block;
	height: 3px;
	background: #fff;
	margin-bottom: 4px
}

.class-a {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	overflow: hidden;
	line-height: 53px;
	height: 53px;
	font-size: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.class-a i {
	font-size: 24px;
	display: inline-block;
	margin: 15px 15px 0 36px;
	color: #fff;
	vertical-align: top;
	line-height: 1
}

.class-a i.small-size {
	font-size: 18px;
	margin-top: 19px
}

.class-a p {
	font-size: 18px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top
}

.class-a p a {
	color: #fff
}

.class-a span {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	display: block;
	display: none
}

.class-a span a {
	color: #666;
	margin-right: 12px
}

.right-classify {
	width: 1220px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fff;
	z-index: 9;
	display: none
}

.right-classify::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(255, 255, 255, .05)
}

.right-classify .left-box {
	height: 100%;
	background: -moz-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background: -webkit-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background-repeat: repeat;
	background-image: -webkit-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background-size: auto;
	background: -ms-linear-gradient(-90deg, rgb(77, 141, 245) 0%, rgb(0, 161, 246) 100%);
	background-image: url(../../../../images/index/version/2024/product-classify-bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position-x: right;
	width: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden;
	float: left
}

.product-classify.active .right-classify .left-box {
	width: 240px
}

.right-classify .left-box::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: rgba(255, 255, 255, .05)
}

.right-classify .left-box .label {
	color: #bedbff;
	font-size: 15px;
	padding: 26px 0 10px 34px
}

.right-classify .class-b {
	overflow: hidden;
	display: none;
	height: 100%;
	box-shadow: 0 0 7px 0 rgba(49, 49, 49, .2)
}

.product-classify ul {
	padding: 8px 0
}

.product-classify ul li.hover {
	z-index: 999
}

.product-classify ul li.hover .class-a {
	background-color: rgba(255, 255, 255, .25)
}

.product-classify ul li.hover::after {
	content: '';
	position: absolute;
	top: 0;
	left: 335px;
	width: 20px;
	height: 72px;
	z-index: 12
}

.product-classify ul li .class-b {
	width: 1220px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fff;
	box-shadow: 0 0 7px 0 rgba(49, 49, 49, .2);
	z-index: 9;
	display: none
}

.product-classify ul li.hover .class-b {
	display: block
}

.product-classify ul li.hover .class-b {
	display: block
}

.class-txt {
	padding: 24px 0;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden
}

.class-txt-box {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 18px
}

.class-txt .item {
	padding: 30px 0 30px 32px;
	margin-left: 0;
	width: 50%;
	float: left;
	box-sizing: border-box
}

.class-txt .item:nth-child(2n + 1) {
	clear: both
}

.class-txt .item:nth-child(-n + 2) {
	padding-top: 4px
}

.product-classify.active .class-txt .item:nth-child(2) {
	padding-top: 30px
}

.class-txt .item .class-c {
	height: 26px;
	font-size: 16px;
	line-height: 25px;
	font-weight: 700;
	position: relative;
	margin-bottom: 18px
}

.class-txt .item .class-c a {
	color: #333
}

.class-txt .item .class-c span {
	position: absolute;
	right: 36px;
	top: 0;
	background-color: #dbe8fc;
	border-radius: 13px;
	padding: 0 6px 0 14px;
	font-size: 14px;
	font-weight: 400
}

.class-txt .item .class-c span img {
	position: absolute;
	top: 0;
	left: -5px
}

.class-txt .item .class-c span a {
	color: #4285f4;
	margin: 0 7px
}

.class-txt .item .class-c a.more {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: normal;
	color: #999;
	font-size: 14px
}

.class-txt .item p {
	font-size: 0;
	overflow: hidden;
	margin: 0 -7px
}

.product-classify.active .class-txt .item {
	margin-left: 0;
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-right: 0
}

.class-txt .item p a {
	font-size: 15px;
	line-height: 26px;
	color: #333;
	margin: 0 7px;
	display: inline-block;
	vertical-align: top;
	text-indent: 0
}

.class-txt .item a:hover {
	color: #4285f4
}

.class-adv {
	overflow: hidden;
	padding: 24px 40px 0 30px;
	width: 334px;
	float: right;
	box-sizing: border-box
}

.class-adv .item {
	border: 3px solid #f90;
	border-image: -webkit-linear-gradient(90deg, #FCCF31, #F55555) 20 20;
	border-image: -moz-linear-gradient(90deg, #FCCF31, #F55555) 20 20;
	border-image: -o-linear-gradient(90deg, #FCCF31, #F55555) 20 20;
	border-image: linear-gradient(90deg, #FCCF31, #F55555) 20 20;
	padding: 10px;
	text-align: center;
	box-sizing: border-box
}

.class-adv .item:last-child {
	margin-top: 15px
}

.class-adv .item img {
	width: 100%
}

.class-adv .item p {
	font-size: 16px;
	margin-top: 15px;
	font-weight: bold
}

.class-adv .item p a {
	color: #333
}

.class-adv .item span {
	font-size: 15px;
	display: block;
	color: #999;
	line-height: 20px !important;
	max-height: 40px !important;
	height: auto !important
}

.class-adv .item p,
.class-adv .item span {
	height: 34px;
	line-height: 34px;
	overflow: hidden
}

.class-adv .item span a {
	color: #999
}

.class-adv .item a:hover {
	color: #4285f4
}

.main .news {
	float: left;
	margin: 0 30px;
	width: 780px
}

.public-tab {
	background-color: #f6f7fb;
	position: relative
}

.public-tab p {
	font-size: 0
}

.public-tab p a {
	font-size: 22px;
	display: inline-block;
	width: 25%;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	text-align: center;
	position: relative;
	color: #333
}

.public-tab p a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 21px;
	width: 1px;
	height: 17px;
	background-color: #ddd
}

.public-tab p a:last-of-type::after,
.public-tab p a.focus::after {
	display: none
}

.public-tab p a.focus {
	background-color: #fff;
	font-weight: bold;
	color: #4285f4
}

.public-tab p b {
	font-style: italic
}

.public-tab p b mark {
	display: inline-block;
	height: 34px;
	line-height: 32px;
	padding: 0 13px;
	color: #fff;
	background: url(../../../../images/index/version/2024/mark-bg.png) no-repeat;
	background-size: contain
}

.public-tab .followTab {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	height: 4px;
	background-color: #4285f4;
	text-align: center
}

.public-tab p a i {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 0;
	height: 4px;
	background-color: #4285f4;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.public-tab p a i::after {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 16px;
	background: url(../../../../images/index/version/2024/c.png) no-repeat;
	background-size: contain;
	margin-top: -3px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.public-tab p a.focus i {
	width: 100%
}

.public-tab p a.focus i::after {
	opacity: 1
}

.public-tab .followTab span {
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 16px;
	background: url(../../../../images/index/version/2024/c.png) no-repeat;
	background-size: contain;
	margin-top: -3px
}

.news-top {
	padding: 20px 0 23px 0;
	border-bottom: 1px solid #e6e6e6
}

.news-top span {
	display: block;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	font-size: 22px;
	font-weight: 700;
	text-align: center
}

.today .news-top span {
	font-size: 24px
}

.news-top span i {
	vertical-align: top;
	display: inline-block;
	width: 60px;
	height: 34px;
	background: url(../../../../images/index/version/2024/hot.png) no-repeat;
	background-size: contain;
	margin-right: 5px;
	margin-top: 1px
}

.news-top span a {
	color: #e02220
}

.news-top span a:hover {
	color: #4286f5
}

.news-top p {
	font-size: 15px;
	line-height: 16px;
	color: #999999;
	max-height: 16px;
	margin-top: 20px;
	overflow: hidden;
	position: relative
}

.news-top p font {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 56px);
	word-break: break-all;
	word-wrap: break-word
}

.news-top p.two-line {
	line-height: 21px;
	height: 42px;
	max-height: none
}

.news-top p a {
	color: #e02220;
	margin-left: 5px
}

.news-top p a:hover {
	color: #4286f5
}

.gradual {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(102, 102, 102, 1)));
	background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(102, 102, 102, 1));
	background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(102, 102, 102, 1));
	background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(102, 102, 102, 1));
	background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(102, 102, 102, .9));
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(102, 102, 102, 1));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#{000000}', endColorStr='#{666666}');
	box-sizing: border-box
}

.news-3 .box {
	overflow: hidden
}

.news-bot {
	display: none
}

.news-bot.today .image {
	float: right;
	width: 231px;
	margin-left: 22px
}

.news-bot.today .image a {
	position: relative;
	display: block;
	height: 0;
	padding-bottom: 66.66%;
	overflow: hidden
}

.news-bot.today .image img {
	position: absolute;
	width: 100%;
	height: 100%
}

.news-bot.today .image span {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 9px 6px 9px;
	font-size: 17px;
	overflow: hidden;
	color: #fff;
	font-weight: normal
}

.news-bot.today .image span strong {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	display: block;
	font-weight: normal
}

.news-bot.today .image a:hover span strong {
	height: 48px
}

.news-3 ul {
	overflow: hidden
}

.news-3 ul li {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	margin-top: 22px;
	position: relative;
	padding-right: 42px
}

.news-3 ul li a {
	color: #333
}

.news-3 ul li a:hover {
	color: #4285f4
}

.news-3 ul li:first-child {
	font-size: 20px;
	line-height: 22px;
	height: 22px;
	font-weight: bold;
	margin-top: 5px
}

.news-3 ul li .time {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #999;
	font-weight: normal
}

.hot-search,
.news-3 .box {
	margin-top: 23px
}

.hot-search::after {
	content: "";
	display: block;
	clear: both
}

.hot-search {
	background: url(../../../../images/index/version/2024/hot-search.png) no-repeat top right;
	background-size: cover;
	position: relative
}

.hot-search .left {
	overflow: hidden
}

.hot-search .title {
	position: absolute;
	top: -9px;
	left: 0
}

.hot-search .title span {
	font-size: 23px;
	font-family: "YouSheBiaoTiHei";
	color: #ffeebf;
	display: inline-block;
	padding: 0 40px 0 20px;
	height: 40px;
	line-height: 44px;
	background: url(../../../../images/index/version/2024/hot-title.png) no-repeat;
	background-size: contain
}

.hot-search .left .more-box {
	text-align: right;
	padding-top: 12px;
	font-size: 14px;
	padding-right: 12px;
	height: 15px
}

.hot-search .left .more-box a {
	color: #6a95dd
}

.hot-search .left .more-box a:hover {
	color: #f90
}

.hot-search .left .more-box a i {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
	margin-top: 1px
}

.hot-search .left ul {
	overflow: hidden;
	padding: 26px 12px 26px 0;
	margin-top: -14px
}

.hot-search .left li {
	line-height: 32px;
	height: 32px;
	margin-top: 14px;
	font-size: 17px;
	overflow: hidden;
	float: left;
	width: 50%;
	padding-left: 18px;
	box-sizing: border-box
}

.hot-search .left li a {
	color: #333;
	display: inline-block;
	max-width: calc(100% - 103px);
	word-break: break-all
}

.hot-search .left li a:hover {
	color: #4285f4
}

.hot-search .left li span {
	display: inline-block;
	font-size: 14px;
	padding: 0 12px;
	background-color: #dbecfc;
	border-radius: 16px;
	color: #4285f4;
	vertical-align: top;
	margin-left: 7px
}

.hot-search .left li span a {
	max-width: 100%;
	display: inline;
	color: inherit
}

.news-bot .news-list li {
	margin-top: 26px;
	font-size: 17px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	position: relative;
	padding-right: 80px
}

.news-bot .news-list li a {
	color: #333
}

.news-bot .news-list li a::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #4285f4;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 9px
}

.news-bot .news-list li a:hover {
	color: #4285f4
}

.news-bot .news-list li .time {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #999
}

.news-bot.shangji .news-list li {
	margin-top: 25px
}

.news-bot .big-special {
	margin-top: 20px;
	position: relative
}

.news-bot .big-special .image {
	height: 0;
	padding-bottom: 46.15%;
	overflow: hidden;
	position: relative
}

.news-bot .big-special .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.news-bot .big-special .image:hover img {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.news-bot .big-special .text {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 14px;
	overflow: hidden;
	padding-right: 190px;
	box-sizing: border-box
}

.news-bot .big-special .text p {
	font-size: 20px
}

.news-bot .big-special .text p a {
	color: #fff
}

.news-bot .big-special .text p a:hover {
	text-decoration: underline
}

.news-bot .big-special .text .go {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 20px 0 15px;
	background: -moz-linear-gradient(0deg, rgb(66, 133, 244) 0%, rgb(1, 176, 240) 100%);
	background: -webkit-linear-gradient(0deg, rgb(66, 133, 244) 0%, rgb(1, 176, 240) 100%);
	background: -ms-linear-gradient(0deg, rgb(66, 133, 244) 0%, rgb(1, 176, 240) 100%);
	font-size: 26px;
	font-family: "YouSheBiaoTiHei";
	color: #fff
}

.news-bot .big-special .text .go i {
	display: inline-block;
	vertical-align: top;
	margin-left: 7px;
	font-weight: bold
}

.news-bot .big-special .text .go::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 60px 30px;
	border-color: transparent transparent #3B8AF3 transparent;
	position: absolute;
	left: -30px;
	bottom: 0
}

.news-bot .special-box {
	margin-top: 22px;
	overflow: hidden
}

.news-bot .special-box ul {
	overflow: hidden;
	margin-right: -21px
}

.news-bot .special-box li {
	width: 33.33%;
	float: left
}

.news-bot .special-box .item {
	margin-right: 21px
}

.news-bot .special-box .image {
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden
}

.news-bot .special-box .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.news-bot .special-box .image:hover img {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.news-bot .special-box .image span {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 9px 6px 9px;
	overflow: hidden;
	color: #fff;
	font-weight: normal
}

.news-bot .special-box .image strong {
	display: block;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	font-weight: normal;
	overflow: hidden
}

.news-bot .special-box .image a:hover span strong {
	height: 48px
}

.right-adv {
	overflow: hidden
}

.adv-4 {
	position: relative;
	background-color: #f6f7fb
}

.adv-4 .big {
	position: relative;
	height: 248px
}

.adv-4 .big li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 0
}

.adv-4 .big li .image {
	padding-bottom: calc((248 / 380) * 100%);
	height: 0;
	overflow: hidden
}

.adv-4 .big li .image img {
	width: 100%;
	max-height: none;
	display: block
}

.adv-4 .big li .image i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat
}

.slidelist {
	height: 90px;
	position: relative;
	margin: 0 9px
}

.slidelist ul {
	position: absolute;
	z-index: 8;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	box-sizing: border-box
}

.slidelist ul li {
	width: 84px;
	margin-right: 8px;
	float: left
}

.slidelist ul li:last-child {
	margin-right: 0
}

.slidelist ul li .image {
	padding-bottom: calc((64 / 84) * 100%);
	height: 0;
	overflow: hidden;
	background-color: #fff;
	position: relative
}

.slidelist ul li .image img {
	width: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.slidelist span {
	position: absolute;
	width: 84px;
	height: 64px;
	border: 1px solid #4286f5;
	box-shadow: 0 2px 7px 0 rgba(0, 68, 241, .3);
	z-index: 7;
	top: 12px;
	left: -1px
}

.adv-3 li {
	margin-top: 13px;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 10px 25px;
	overflow: hidden;
	position: relative
}

.adv-3 li .image {
	float: right;
	width: 89px;
	margin-left: 10px
}

.adv-3 li .image-box {
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	position: relative
}

.adv-3 li>a {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.adv-3 li .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.adv-3 li .text {
	overflow: hidden
}

.adv-3 li .text p {
	margin-top: 18px;
	font-size: 15px;
	line-height: 17px;
	height: 17px;
	overflow: hidden;
	color: #70819d
}

.adv-3 li .text p font {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 16px)
}

.adv-3 li .text p i {
	font-size: 15px;
	display: inline-block;
	vertical-align: top
}

.adv-3 li .text span {
	display: block;
	margin-top: 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 18px;
	overflow: hidden
}

.adv-3 li:nth-child(1) {
	background-image: url(../../../../images/index/version/2024/adv3-1.png)
}

.adv-3 li:nth-child(2) {
	background-image: url(../../../../images/index/version/2024/adv3-2.png)
}

.adv-3 li:nth-child(2) .text p {
	color: #ad8e55
}

.adv-3 li:nth-child(3) {
	background-image: url(../../../../images/index/version/2024/adv3-3.png)
}

.adv-3 li:nth-child(3) .text p {
	color: #787789
}

.banner-adv-4 ul {
	width: calc(100% + 12px)
}

.banner-adv-4 ul li {
	width: 25%;
	float: left
}

.banner-adv-4 ul li .item {
	margin-right: 12px;
	padding: 24px 36px;
	height: 100%;
	background: url('../../../../images/index/version/2024/banner-adv.png') no-repeat center center;
	background-size: 100% 100%;
	overflow: hidden
}

.banner-adv-4 ul li .item .image {
	position: relative;
	height: 74px;
	overflow: hidden
}

.banner-adv-4 ul li .item .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 100%
}

.banner-adv-4 ul li:hover .item {
	margin-top: -10px;
	box-shadow: 0 4px 16px 0 rgba(0, 20, 168, .2)
}

.banner-adv-4 ul li .item .text {
	margin-top: 24px
}

.banner-adv-4 ul li .item p a {
	height: 17px;
	line-height: 17px;
	font-size: 15px;
	overflow: hidden;
	position: relative;
	color: #333;
	display: block
}

.banner-adv-4 ul li .item p a:hover {
	color: #4286f5
}

.banner-adv-4 ul li .item p {
	margin-top: 16px
}

.banner-adv-4 ul li .item p:first-child {
	margin-top: 0
}

.course .left {
	width: 380px;
	float: left;
	margin-right: 30px
}

.course .new-active {
	background: -moz-linear-gradient(-90deg, rgb(240, 160, 100) 0%, rgb(253, 249, 246) 68%);
	background: -webkit-linear-gradient(-90deg, rgb(240, 160, 100) 0%, rgb(253, 249, 246) 68%);
	background: -ms-linear-gradient(-90deg, rgb(240, 160, 100) 0%, rgb(253, 249, 246) 68%);
	background-image: url(../../../../images/index/version/2024/new-active.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 18px 6px 6px
}

.course .new-active .title {
	font-size: 0;
	position: relative
}

.course .new-active .title .more {
	font-size: 15px;
	position: absolute;
	right: 12px;
	color: #fff;
	font-weight: bold;
	padding: 0 9px;
	border-radius: 14px;
	height: 28px;
	line-height: 26px;
	border: 1px solid rgba(255, 255, 255, .6);
	box-sizing: border-box;
	top: -2px
}

.course .new-active .title .more i {
	display: inline-block;
	font-size: 9px;
	font-weight: normal;
	vertical-align: top;
	margin-top: 1px;
	margin-left: 2px
}

.course .new-active .title .more:hover {
	border-color: #fff;
	background: #ec875f
}

.course .new-active .title span {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 0 12px
}

.course .new-active .title>i {
	display: inline-block;
	width: 10px;
	height: 19px;
	background: url(../../../../images/index/version/2024/title-icon1.png) no-repeat;
	vertical-align: top;
	background-size: contain;
	margin-top: 4px
}

.course .new-active .title>i:nth-of-type(1) {
	background-image: url(../../../../images/index/version/2024/title-icon2.png)
}

.new-active-box {
	background-color: #fff;
	margin-top: 14px;
	border-radius: 4px 4px 0 0;
	padding: 22px 18px
}

.new-active-box li {
	margin-top: 18px;
	font-size: 16px;
	line-height: 22px;
	height: 22px;
	overflow: hidden
}

.new-active-box li span {
	font-family: "YouSheBiaoTiHei";
	font-size: 18px;
	color: #e18050;
	margin-right: 14px;
	position: relative
}

.new-active-box li span::after {
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	right: -4px;
	top: -0px;
	background: -moz-linear-gradient(146deg, rgb(247, 216, 175) 0%, rgba(247, 216, 175, .63) 37%, rgba(248, 236, 230, 0) 100%);
	background: -webkit-linear-gradient(146deg, rgb(247, 216, 175) 0%, rgba(247, 216, 175, .63) 37%, rgba(248, 236, 230, 0) 100%);
	background: -ms-linear-gradient(146deg, rgb(247, 216, 175) 0%, rgba(247, 216, 175, .63) 37%, rgba(248, 236, 230, 0) 100%)
}

.new-active-box li span font {
	position: relative;
	z-index: 9
}

.new-active-box li a {
	color: #333
}

.new-active-box li a:hover {
	color: #4285f4
}

.new-active-box li:first-child {
	margin-top: 0
}

.course .adv-2 {
	margin-top: 14px;
	background: -moz-linear-gradient(-90deg, rgb(73, 137, 244) 6%, rgb(237, 240, 245) 68%);
	background: -webkit-linear-gradient(-90deg, rgb(73, 137, 244) 6%, rgb(237, 240, 245) 68%);
	background: -ms-linear-gradient(-90deg, rgb(73, 137, 244) 6%, rgb(237, 240, 245) 68%);
	background-image: url(../../../../images/index/version/2024/new-active1.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 10px 6px 6px
}

.course .adv-2 .adv-logo {
	overflow: hidden;
	padding: 0 12px;
	position: relative
}

.course .adv-logo .image {
	float: left;
	width: 94px;
	margin-right: 12px
}

.course .adv-logo .image a {
	display: block;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	border-radius: 100%;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #e9ecf3;
	position: relative
}

.course .adv-logo .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain
}

.course .adv-logo .text {
	overflow: hidden
}

.course .adv-logo .text p {
	margin-top: 12px;
	font-weight: bold;
	font-size: 22px;
	height: 24px;
	line-height: 24px;
	overflow: hidden
}

.course .adv-logo .text p a {
	color: #fff
}

.course .adv-logo .text .tag {
	margin-top: 22px;
	font-size: 17px;
	line-height: 19px;
	height: 19px;
	overflow: hidden;
	color: #4285f4;
	font-weight: bold;
	font-style: italic
}

.course .adv-logo .text .tag i {
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	margin-right: 3px;
	margin-top: 2px;
	font-weight: normal
}

.course .adv-content {
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	padding: 58px 12px 12px;
	margin-top: -46px
}

.course .adv-content p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden
}

.course .adv-content .adv-img {
	margin-top: 12px;
	height: 0;
	padding-bottom: 43.6%;
	overflow: hidden;
	position: relative
}

.course .adv-content .adv-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.course .right {
	overflow: hidden
}

.course .public-tab a {
	width: auto;
	padding: 0 50px
}

.course-bot {
	display: none;
	margin-top: 25px
}

.course-bot .yiqi {
	overflow: hidden;
	height: 530px
}

.course-left {
	float: left;
	width: 740px;
	margin-right: 30px;
	height: 100%;
	position: relative;
	overflow: hidden
}

.yiqi .course-left ul {
	overflow: hidden;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0
}

.course-left li {
	float: left;
	width: 100%
}

.course-left .image {
	height: 416px;
	position: relative
}

.course-left .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.course-left .image .play {
	position: absolute;
	width: 82px;
	height: 82px;
	background: url(../../../../images/index/version/2024/play.png) no-repeat;
	background-size: contain;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.course-left .text p {
	margin-top: 26px;
	font-size: 26px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	font-weight: bold
}

.course-left .text p a {
	color: #333
}

.course-left .text p a:hover {
	color: #4285f4
}

.course-left .text .bottom {
	margin-top: 20px;
	line-height: 32px;
	height: 32px;
	font-size: 0;
	margin-bottom: 10px
}

.course-left .text .bottom mark {
	display: inline-block;
	padding: 0 16px 0 6px;
	font-size: 17px;
	font-family: "YouSheBiaoTiHei";
	color: #fff;
	background: url(../../../../images/index/version/2024/chem-bg.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 10px
}

.course-left .text .bottom mark i {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 2px
}

.course-left .text span {
	font-size: 14px;
	color: #999
}

.course-left .text span i {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	margin-top: 2px
}

.course-right {
	overflow: hidden;
	height: 100%
}

.course-right ul {
	background-color: #f6f7fb;
	height: 100%
}

.course-right ul li {
	height: 20%;
	position: relative;
	padding: 0 25px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.course-right ul li .text {
	position: relative;
	height: 100%;
	border-bottom: 1px solid #e6e6e6
}

.course-right ul li p {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.course-right ul li p a {
	font-size: 16px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	color: #333;
	display: block
}

.course-right ul li.focus p a {
	font-size: 20px;
	font-weight: bold;
	color: #4285f4;
	line-height: 30px;
	max-height: 60px
}

.course-right ul li.focus {
	background-color: #e6ecf7;
	background-image: url(../../../../images/index/version/2024/li-bg.png);
	background-repeat: no-repeat;
	background-size: cover
}

.course-right ul li.focus::after {
	opacity: 1
}

.course-right ul li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background-color: #4285f4;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.course-bot .live-list {
	overflow: hidden
}

.course-bot .live-list ul {
	overflow: hidden;
	margin-right: -21px;
	margin-top: -40px
}

.course-bot .live-list li {
	float: left;
	width: 25%
}

.course-bot .live-list .item {
	margin-right: 21px;
	margin-top: 40px
}

.course-bot .live-list .image {
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

.course-bot .live-list .image img {
	position: absolute;
	width: 100%;
	height: 100%
}

.course-bot .live-list .image .video-time {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	height: 20px;
	border-radius: 12px;
	padding: 0 8px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	font-family: "Microsoft YaHei"
}

.course-bot .live-list .image .living-time {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 55px 7px 8px;
	background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 2;
	width: 100%;
	box-sizing: border-box
}

.course-bot .live-list .image .living-time span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	color: #fff
}

.course-bot .live-list .image .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	z-index: 3;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.course-bot .live-list .image .mask i {
	font-size: 56px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.course-bot .live-list .image:hover .mask {
	opacity: 1
}

.course-bot .live-list .text {}

.course-bot .live-list .text p {
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	font-size: 16px;
	margin-top: 12px;
	word-break: break-all;
	word-wrap: break-word
}

.course-bot .live-list .text p a {
	color: #333
}

.course-bot .live-list .text p a:hover {
	color: #4285f4
}

.course-bot .live-list .text p mark {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	padding: 0 7px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 18px;
	height: 20px;
	border-radius: 2px;
	background-color: #f97d21;
	margin-top: 2px
}

.course-bot .live-list .text p mark.notice {
	background-color: #4285f4
}

.course-bot .live-list .text p mark.living {
	background-color: #f33a3a
}

.course-bot .live-list .text p mark i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: url(https://public.mtnets.com/Images/public/zhibo-icon.gif);
	background-size: contain;
	margin-right: 2px;
	margin-top: 2px
}

.course-bot .live-list .text .company {
	margin-top: 14px;
	font-size: 15px;
	line-height: 16px;
	height: 16px;
	overflow: hidden
}

.course-bot .live-list .text .company i {
	font-size: 15px;
	color: #4285f4;
	vertical-align: top;
	display: inline-block;
	margin-right: 5px
}

.course-bot .live-list .text .company a {
	color: #999
}

.course-bot .live-list .text .company a:hover {
	color: #4285f4
}

.customer {
	overflow: hidden
}

.customer-intro {
	margin-right: 38px;
	float: left;
	width: 720px
}

.customer-intro .image {
	height: 0;
	padding-bottom: 44%;
	overflow: hidden;
	position: relative
}

.customer-intro .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.customer-intro .text .title {
	margin-top: 22px;
	font-size: 24px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	text-align: center;
	font-weight: bold
}

.customer-intro .text .title a {
	color: #f08200
}

.customer-intro .text .title a:hover {
	color: #4285f4
}

.customer-intro .text .content {
	margin-top: 20px;
	font-size: 15px;
	line-height: 29px;
	color: #ababab;
	max-height: 145px;
	overflow: hidden
}

.customer-intro .text .content a {
	color: #f08200
}

.customer-intro .text .content a:hover {
	color: #4285f4
}

.customer-news {
	overflow: hidden
}

.customer-news .adv-img {
	height: 0;
	padding-bottom: 46.66%;
	overflow: hidden;
	position: relative
}

.customer-news .adv-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.customer-news-list li {
	margin-top: 20px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden
}

.customer-news-list li a {
	color: #333
}

.customer-news-list li a:hover {
	color: #4285f4
}

.customer-intro-list li {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	margin-top: 12px
}

.customer-intro-list li a {
	color: #333
}

.customer-intro-list li a:hover {
	color: #4285f4
}

.customer-intro-list li i {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	vertical-align: top;
	background: url(../../../../images/index/version/2024/newsIcon.png) no-repeat;
	background-size: contain
}

.customer-intro-list li i.idearIcon {
	background-image: url(../../../../images/index/version/2024/idearIcon.png)
}

.customer-intro-list li i.companyIcon {
	background-image: url(../../../../images/index/version/2024/companyIcon.png)
}

.customer-news .bottom-adv-img {
	margin-top: 18px;
	height: 0;
	padding-bottom: 56.15%;
	overflow: hidden;
	position: relative
}

.customer-news .bottom-adv-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.customer-news .bottom-adv-img .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	z-index: 3;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.customer-news .bottom-adv-img .mask i {
	font-size: 60px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.customer-news .bottom-adv-img:hover .mask {
	opacity: 1
}

.mt35 {
	margin-top: 35px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.webinar {
	padding: 40px 0;
	background: url(../../../../images/index/version/2024/webinar-bg.png) no-repeat;
	background-size: cover
}

.public-title {
	background: url(../../../../images/index/version/2024/webinar-title.png) no-repeat;
	background-size: 100% auto;
	text-align: center;
	font-size: 36px;
	background-position-y: 7px;
	padding-bottom: 2px
}

.public-title a {
	color: #333
}

.webinar-box {
	overflow: hidden
}

.webinar-box .left {
	float: left;
	width: 1138px;
	margin-right: 38px
}

.webinar-top {
	overflow: hidden
}

.webinar-top-image {
	float: left;
	width: 784px;
	margin-right: 16px;
	height: 441px
}

.webinar-top-image .image {
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

.webinar-top-image .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.webinar-top-image .image i {
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-size: 56px;
	color: #fff
}

.webiframe {
	overflow: hidden;
	height: 441px
}

.webinar-top-text {
	overflow: hidden;
	background-color: #fff;
	position: relative
}

.webinar-top-text .text-item {
	height: 0;
	padding: 0 24px 130.4%
}

.webinar-top-text mark {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 12px;
	height: 32px;
	line-height: 30px;
	border-radius: 0 0 16px 0;
	background-color: #fff1e6;
	font-size: 16px;
	color: #f3631c
}

.webinar-top-text mark a {
	color: #f3631c
}

.webinar-top-text mark i {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-right: 6px
}

.webinar-top-text .name {
	padding-top: 62px
}

.webinar-top-text .name p {
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;
	height: 64px;
	overflow: hidden
}

.webinar-top-text .name a {
	color: #333
}

.webinar-top-text .name a:hover {
	color: #4285f4
}

.webinar-top-text dl {
	margin-top: 40px;
	font-size: 16px;
	color: #999;
	position: relative;
	padding-left: 60px
}

.webinar-top-text dl::after {
	content: "";
	position: absolute;
	left: 0;
	top: -4px;
	width: 50px;
	height: 50px;
	background: url(../../../../images/index/version/2024/tearch.png) no-repeat;
	background-size: contain
}

.webinar-top-text dl.time::after {
	background-image: url(../../../../images/index/version/2024/time.png);
	top: 0
}

.webinar-top-text dl dd {
	margin-top: 12px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	color: #666
}

.webinar-top-text dl dd b {
	font-size: 24px;
	display: block
}

.webinar-top-text dl dd b font {
	font-weight: normal;
	margin: 0 5px;
	font-size: 20px
}

.webinar-top-text dl.time dd {
	line-height: 26px;
	height: 26px;
	font-size: 21px;
	color: #ff5e30
}

.webinar-top-text .btn {
	margin-top: 45px;
	padding: 0 24px;
	text-align: center
}

.webinar-top-text .btn a {
	display: block;
	border-radius: 24px;
	padding: 2px;
	background: -moz-linear-gradient(0deg, rgb(255, 87, 48) 0%, rgb(255, 141, 48) 100%);
	background: -webkit-linear-gradient(0deg, rgb(255, 87, 48) 0%, rgb(255, 141, 48) 100%);
	background: -ms-linear-gradient(0deg, rgb(255, 87, 48) 0%, rgb(255, 141, 48) 100%)
}

.webinar-top-text .btn a span {
	display: block;
	line-height: 42px;
	height: 44px;
	font-size: 20px;
	border-radius: 22px;
	color: #fff
}

.webinar-top-text .btn i {
	display: inline-block;
	width: 60px;
	height: 30px;
	border-radius: 15px;
	background-color: #fff;
	position: relative;
	vertical-align: top;
	margin-left: 30px;
	margin-top: 7px
}

.webinar-top-text .btn i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #FF6F30
}

.webinar-top-text .btn a:hover span {
	background-color: #fff;
	color: #ff6f30
}

.webinar-top-text .btn a:hover i {
	background-color: #ff6f30
}

.webinar-top-text .btn a.replay {
	background: -moz-linear-gradient(0deg, rgb(0, 135, 239) 0%, rgb(90, 180, 248) 100%);
	background: -webkit-linear-gradient(0deg, rgb(0, 135, 239) 0%, rgb(90, 180, 248) 100%);
	background: -ms-linear-gradient(0deg, rgb(0, 135, 239) 0%, rgb(90, 180, 248) 100%)
}

.webinar-top-text .btn a.replay i::after {
	border-color: transparent transparent transparent #4285f4
}

.webinar-top-text .btn a.replay:hover span {
	background-color: #fff;
	color: #4285f4
}

.webinar-top-text .btn a.replay:hover i {
	background-color: #4285f4
}

.webinar-top-text .btn a.living {
	background: -moz-linear-gradient(0deg, rgb(225, 129, 50) 0%, rgb(240, 61, 37) 100%);
	background: -webkit-linear-gradient(0deg, rgb(225, 129, 50) 0%, rgb(240, 61, 37) 100%);
	background: -ms-linear-gradient(0deg, rgb(225, 129, 50) 0%, rgb(240, 61, 37) 100%)
}

.webinar-top-text .btn a.living i::after {
	border: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
	background: url(../../../../images/index/version/2024/zhibo-icon-red.gif);
	background-size: contain;
	margin-top: 0
}

.webinar-top-text .btn a.living:hover span {
	background-color: #fff;
	color: #f44842
}

.webinar-top-text .btn a.living:hover i::after {
	background-image: url(https://public.mtnets.com/Images/public/zhibo-icon.gif)
}

.webinar-top-text .btn a:hover i::after {
	border-color: transparent transparent transparent #fff !important
}

.webinar-box .left .webinar-list {
	overflow: hidden
}

.webinar-box .left .webinar-list ul {
	margin-right: -16px;
	overflow: hidden
}

.webinar-box .left .webinar-list li {
	width: 25%;
	float: left
}

.webinar-box .left .webinar-list li .item {
	margin-right: 16px;
	margin-top: 20px
}

.webinar-box .left .webinar-list .image,
.webinar-box .right .list li .image {
	height: 0;
	padding-bottom: 62.5%;
	overflow: hidden;
	position: relative
}

.webinar-box .left .webinar-list .image img,
.webinar-box .right .list li .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.webinar-box .left .webinar-list .image i,
.webinar-box .right .list li .image i {
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 40px
}

.webinar-box .left .webinar-list .image:hover img,
.webinar-box .right .list li .image:hover img,
.article-list li .image:hover img,
.interview-list li .image:hover img,
.exhibition-video-list .image:hover img,
.webinar-top-image .image:hover img {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.webinar-box .left .webinar-list .text p {
	margin-top: 14px;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	padding-right: 102px;
	position: relative;
	font-size: 14px
}

.webinar-box .left .webinar-list .text p b {
	font-size: 20px;
	margin-right: 14px
}

.webinar-box .left .webinar-list .text p .btn {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 16px;
	height: 100%;
	line-height: 30px;
	box-sizing: border-box;
	font-size: 15px;
	color: #1e81cc;
	border: 1px solid #1e81cc;
	border-radius: 16px
}

.webinar-box .left .webinar-list .text p .btn:hover {
	background-color: #1e81cc;
	color: #fff
}

.webinar-box .right {
	overflow: hidden
}

.webinar-box .right .list li {
	margin-top: 19px
}

.webinar-box .right .list li:first-child {
	margin-top: 0
}

.webinar-box .right .list li .image mark {
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 2px;
	background: -moz-linear-gradient(0deg, rgb(225, 91, 50) 0%, rgb(240, 147, 37) 100%);
	background: -webkit-linear-gradient(0deg, rgb(225, 91, 50) 0%, rgb(240, 147, 37) 100%);
	background: -ms-linear-gradient(0deg, rgb(225, 91, 50) 0%, rgb(240, 147, 37) 100%);
	height: 32px;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	padding: 0 12px
}

.webinar-box .right .list li .image i {
	font-size: 50px;
	bottom: 15px;
	left: 15px
}

.webinar-box .right .list li p {
	font-size: 17px;
	line-height: 24px;
	height: 24px;
	overflow: hidden
}

.webinar-box .right .list li p a {
	color: #333
}

.webinar-box .right .list li p a:hover {
	color: #4285f4
}

.webinar-box .right .list li p a i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../../../../images/index/version/2024/play-icon.png) no-repeat;
	background-size: contain;
	vertical-align: top;
	margin-right: 7px
}

.webinar-box .right .list li p a:hover i {
	background-image: url(../../../../images/index/version/2024/play-icon1.png)
}

.new-product .public-title {
	background-image: url(../../../../images/index/version/2024/webinar-title1.png)
}

.new-product-list ul {
	margin-right: -16px;
	margin-top: -16px;
	overflow: hidden
}

.new-product-list li {
	float: left;
	width: 16.66%
}

.new-product-list li .item {
	border: 1px solid #e6e6e6;
	margin-right: 16px;
	margin-top: 16px
}

.new-product-list li .image {
	height: 200px;
	position: relative
}

.new-product-list li .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.new-product-list li .text {
	margin-top: 5px;
	padding: 0 16px 20px;
	text-align: center
}

.new-product-list li .name {
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	overflow: hidden
}

.new-product-list li .name a {
	color: #333
}

.new-product-list li .name a:hover {
	color: #4285f4
}

.new-product-list li .content {
	margin-top: 16px;
	font-size: 15px;
	color: #999
}

.new-product-list li .content p {
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	margin-top: 6px
}

.new-product-list li .content p:first-child {
	margin-top: 0
}

.new-product-list li .content p a {
	color: #999
}

.new-product-list li .content p a:hover {
	color: #4285f4
}

.new-product-list li .btn {
	margin-top: 18px;
	font-size: 0;
	overflow: hidden
}

.new-product-list li .btn a {
	float: left;
	font-size: 15px;
	padding: 0 15px;
	height: 40px;
	box-sizing: border-box;
	line-height: 38px;
	border: 1px solid #f87e07;
	color: #f87e07;
	margin-right: 10px
}

.new-product-list li .btn a:hover {
	background-color: #f87e07;
	color: #fff
}

.new-product-list li .btn a.apply {
	display: block;
	float: none;
	overflow: hidden;
	margin-right: 0;
	color: #fff;
	background: -moz-linear-gradient(0deg, rgb(98, 143, 245) 0%, rgb(48, 122, 245) 100%);
	background: -webkit-linear-gradient(0deg, rgb(98, 143, 245) 0%, rgb(48, 122, 245) 100%);
	background: -ms-linear-gradient(0deg, rgb(98, 143, 245) 0%, rgb(48, 122, 245) 100%);
	border: 0;
	padding: 1px
}

.new-product-list li .btn a.apply span {
	display: block
}

.new-product-list li .btn a.apply:hover span {
	color: #4285f4;
	background-color: #fff
}

.innovation {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	left: 0;
	top: 0;
	display: none
}

.innovationMain {
	width: 506px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: -moz-linear-gradient(-90deg, rgb(255, 233, 217) 0%, rgb(255, 255, 255) 37%);
	background: -webkit-linear-gradient(-90deg, rgb(255, 233, 217) 0%, rgb(255, 255, 255) 37%);
	background: -ms-linear-gradient(-90deg, rgb(255, 233, 217) 0%, rgb(255, 255, 255) 37%);
	box-shadow: 0 0 16px 0 rgba(110, 84, 66, .3);
	padding: 0 34px 34px;
	box-sizing: border-box
}

.innovationMain .icon {
	text-align: center
}

.innovationMain .icon i {
	display: inline-block;
	width: 104px;
	height: 105px;
	background: url(../../../../images/index/version/2024/popup-icon.png) no-repeat;
	background-size: contain;
	margin-top: -52px
}

.innovationMain .close {
	position: absolute;
	right: 14px;
	top: 14px;
	color: #d4d4d4
}

.innovationMain .close i {
	font-size: 16px
}

.innovationMain .close:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #666
}

.innovationItem .title {
	text-align: center;
	margin-top: 26px;
	font-size: 20px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	font-weight: bold
}

.innovationItem .title b {
	color: #ef7821
}

.innovationItem .content {
	margin-top: 20px;
	font-size: 15px;
	line-height: 24px
}

.innovationItem .btn {
	margin-top: 20px;
	text-align: center
}

.innovationItem .btn a {
	display: inline-block;
	width: 240px;
	line-height: 42px;
	height: 44px;
	border-radius: 2px;
	background-color: #ef7821;
	border: 1px solid #ef7821;
	color: #fff;
	font-size: 15px;
	box-sizing: border-box
}

.innovationItem .btn a:hover {
	background-color: transparent;
	color: #ef7821
}

.technology .public-title {
	background-image: url(../../../../images/index/version/2024/webinar-title2.png)
}

.tech {
	overflow: hidden
}

.tech .article {
	width: 380px;
	float: left;
	margin-right: 30px
}

.tech .title {
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	padding-bottom: 12px
}

.tech .title p {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px
}

.tech .title p i {
	display: inline-block;
	width: 26px;
	height: 28px;
	background: url(../../../../images/index/version/2024/title-icon3.png) no-repeat;
	background-size: contain;
	vertical-align: top;
	margin-right: 7px;
	margin-top: 0
}

.programme .title p i {
	background-image: url(../../../../images/index/version/2024/title-icon4.png)
}

.tech .title a {
	color: #333
}

.tech .title .more {
	position: absolute;
	right: 0;
	top: 9px;
	font-size: 14px;
	color: #999
}

.tech .title .more:hover,
.tech .title a:hover {
	color: #0c8e55
}

.article-list {
	margin-top: 16px
}

.article-list li {
	margin-top: 20px;
	overflow: hidden
}

.article-list li:first-child {
	margin-top: 0
}

.article-list li .icon {
	float: left;
	width: 26px;
	height: 26px;
	background: url(../../../../images/index/version/2024/topic.png) no-repeat;
	background-size: contain;
	margin-right: 5px
}

.article-list li .text {
	overflow: hidden
}

.article-list li p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden
}

.article-list li p a {
	color: #333
}

.article-list li p a:hover {
	color: #0c8e55
}

.article-list li.topic .text p {
	line-height: 26px;
	height: 26px
}

.article-list li .tag {
	font-size: 14px;
	margin-top: 14px;
	line-height: 26px;
	color: #999
}

.article-list li .tag i {
	font-size: 14px;
	vertical-align: top;
	display: inline-block;
	margin-right: 5px;
	margin-top: 7px;
	line-height: 1
}

.article-list li .tag mark {
	display: inline-block;
	margin-right: 16px;
	height: 26px;
	line-height: 24px;
	padding: 0 10px;
	color: #0c8e55;
	border: 1px solid #0c8e55;
	background: transparent;
	box-sizing: border-box
}

.article-list li .image {
	width: 150px;
	margin-right: 16px;
	float: left
}

.article-list li .image a {
	display: block;
	height: 0;
	padding-bottom: 66.67%;
	overflow: hidden;
	position: relative
}

.article-list li .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.article-list li.img-txt .text p {
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.tech .programme {
	float: left;
	width: 740px;
	margin-right: 30px
}

.tech .title-nav {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 7px
}

.tech .title-nav a {
	font-size: 16px;
	padding: 0 17px;
	position: relative
}

.tech .title-nav a::after {
	content: "";
	width: 1px;
	height: 14px;
	background-color: #dddddd;
	position: absolute;
	right: 0;
	top: 5px
}

.tech .title-nav a:last-child {
	padding-right: 10px
}

.tech .title-nav a:last-child::after {
	display: none
}

.programme-top {
	margin-top: 16px;
	background: url(../../../../images/index/version/2024/book.png) no-repeat;
	background-size: cover;
	padding: 26px 20px 16px
}

.programme-top p {
	font-size: 22px;
	line-height: 20px;
	height: 24px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #d33333
}

.programme-top p a {
	color: #d33333
}

.programme-top p a:hover {
	color: #0c8e55
}

.programme-top .content {
	font-size: 15px;
	line-height: 23px;
	height: 46px;
	overflow: hidden;
	color: #999;
	margin-top: 16px
}

.programme-top .content a {
	color: #e02220;
	margin-left: 5px
}

.programme-top .content a:hover {
	color: #0c8e55
}

.programme-list {
	padding: 0 20px
}

.programme-list li {
	margin-top: 20px;
	font-size: 16px;
	line-height: 16px;
	height: 18px;
	overflow: hidden
}

.programme-list li a {
	color: #333
}

.programme-list li span {
	color: #0c8e55
}

.programme-list li a:hover {
	color: #0c8e55
}

.tech .data {
	overflow: hidden
}

.tech .data-tab p a {
	color: #999;
	margin-right: 30px;
	position: relative
}

.tech .data-tab p a.focus {
	color: #333
}

.tech .data-tab p a::before {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #189c62;
	transform: translateX(-50%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.tech .data-tab p a::after {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	bottom: -17px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #189c62 transparent transparent transparent;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.tech .data-tab p a.focus::after {
	opacity: 1
}

.tech .data-tab p a.focus::before {
	width: 100%
}

.data-bot {
	display: none
}

.data ul {
	margin-top: 16px;
	overflow: hidden
}

.data ul li {
	margin-top: 20px;
	overflow: hidden
}

.data ul li:first-child {
	margin-top: 0
}

.data ul li .ext {
	width: 42px;
	height: 50px;
	float: left;
	margin-right: 12px;
	border-radius: 2px;
	position: relative;
	box-sizing: border-box
}

.data ul li .text {
	overflow: hidden
}

.data ul li p {
	font-size: 16px;
	height: 18px;
	line-height: 18px;
	margin-top: 2px;
	overflow: hidden
}

.data ul li p a {
	color: #333
}

.data ul li .file-data {
	font-size: 14px;
	height: 16px;
	display: block;
	color: #999;
	margin-top: 10px;
	overflow: hidden;
	line-height: 16px
}

.data ul li span {
	margin-right: 22px
}

.data ul li span i {
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	margin-left: 1px;
	margin-top: 1px
}

.data ul li a:hover {
	color: #0c8e55
}

.data-book {
	margin-top: 16px;
	background: url(../../../../images/index/version/2024/data-bg.png) no-repeat;
	background-color: #eef1fa;
	background-size: 100% auto;
	padding: 24px 30px 15px
}

.data-book .book-title {
	text-align: center
}

.data-book .book-img {
	margin-top: 20px;
	text-indent: 39px;
	height: 196px
}

.data-book .btn {
	margin-top: 20px;
	text-align: center
}

.data-book .btn a {
	display: inline-block;
	padding: 2px;
	background-image: -moz-linear-gradient(0deg, rgb(3, 88, 178) 0%, rgb(0, 158, 231) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(3, 88, 178) 0%, rgb(0, 158, 231) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(3, 88, 178) 0%, rgb(0, 158, 231) 100%);
	color: #fff;
	font-size: 15px;
	border-radius: 23px
}

.data-book .btn a span {
	display: inline-block;
	padding: 0 40px;
	line-height: 42px;
	height: 42px;
	border-radius: 21px
}

.data-book .btn a:hover span {
	background-color: #fff;
	color: rgb(3, 88, 178)
}

.book-message {
	margin-top: 35px;
	text-align: center;
	border-radius: 6px;
	background-color: #dce7f3;
	overflow: hidden
}

.book-message p {
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	font-size: 15px;
	color: #1f5e9f
}

.book-message p:first-child {
	font-size: 14px;
	color: #fff;
	background-color: #5895d5
}

.book-message p a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	vertical-align: top;
	margin-left: 7px;
	background: #e6e8ec url(../../../../images/index/version/2024/QQ.png) no-repeat center center;
	margin-top: 9px
}

.recommend-pro .public-title {
	background-image: url(../../../../images/index/version/2024/webinar-title3.png)
}

.recommend-pro-box {
	overflow: hidden
}

.recommend-pro-box .left {
	float: left;
	width: 1150px;
	margin-right: 30px
}

.yiqi-tab p {
	font-size: 0
}

.yiqi-tab p a {
	color: #333;
	width: calc(100% / 9);
	width: 11.11%;
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 10px 0
}

.yiqi-tab a i {
	display: block;
	font-size: 26px;
	height: 26px;
	line-height: 26px;
	font-weight: normal
}

.yiqi-tab a span {
	display: block;
	margin-top: 8px;
	font-size: 18px;
	height: 20px;
	line-height: 20px
}

.yiqi-tab a.focus {
	color: #fff;
	background-color: #fc9043;
	font-weight: bold
}

.yiqi-tab a.focus::after {
	opacity: 1
}

.yiqi-tab p a::after {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8px 0 8px;
	border-color: #fc9043 transparent transparent transparent;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.yiqi-tab a::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 50px;
	background-color: #e6e6e6;
	right: 0;
	top: 13px
}

.yiqi-tab a.focus::before,
.yiqi-tab a:last-child::before {
	display: none
}

.pro-bot {
	display: none;
	overflow: hidden;
	margin-top: 14px
}

.pro-bot .big-pro {
	width: 380px;
	float: left;
	background: url(../../../../images/index/version/2024/big-pro-bg.png) no-repeat;
	background-size: cover;
	box-sizing: border-box
}

.pro-bot .big-pro .one-image {
	height: 0;
	padding-bottom: 152.63%;
	overflow: hidden;
	position: relative
}

.pro-bot .big-pro .one-image .advs {
	position: static
}

.pro-bot .big-pro .one-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.pro-bot .big-pro .name {
	font-size: 28px;
	line-height: 38px;
	height: 76px;
	font-weight: bold;
	font-family: "Microsoft YaHei"
}

.pro-bot .big-pro .name a {
	color: #fff
}

.pro-bot .big-pro .company {
	margin-top: 24px
}

.pro-bot .big-pro .company p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	margin-top: 16px;
	color: #fff
}

.pro-bot .big-pro .company p a {
	color: #fff
}

.pro-bot .big-pro .company p:first-child {
	margin-top: 0
}

.pro-bot .big-pro .image {
	margin: 26px auto 0;
	width: 252px;
	height: 252px;
	position: relative
}

.pro-bot .big-pro .btn {
	margin-top: 31px;
	text-align: center
}

.pro-bot .big-pro .btn a {
	display: inline-block;
	padding: 0 32px;
	line-height: 40px;
	height: 42px;
	border-radius: 21px;
	border: 1px solid #f77f30;
	box-sizing: border-box;
	background-color: #f77f30;
	color: #fff;
	font-size: 14px
}

.pro-bot .big-pro .btn a:hover {
	background-color: #fff;
	color: #f77f30
}

.pro-bot .pro-list {
	overflow: hidden;
	border: 1px solid #e6e6e6;
	border-left: 0
}

.pro-bot .pro-list ul {
	overflow: hidden;
	margin-right: -2px
}

.pro-bot .pro-list li {
	float: left;
	width: 33.33%;
	height: 289px;
	padding: 0 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	position: relative
}

.pro-bot .pro-list li:nth-last-child(-n + 3) {
	border-bottom: 0
}

.pro-bot .pro-list .image {
	height: 188px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.pro-bot .pro-list .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 90%
}

.pro-bot .pro-list .text {
	text-align: center
}

.pro-bot .pro-list .text p {
	margin-top: 12px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.pro-bot .pro-list .text p a {
	color: #333
}

.pro-bot .pro-list .text p a:hover {
	color: #f77f30
}

.pro-bot .pro-list .text .type {
	margin-top: 11px;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	color: #999;
	display: none
}

.pro-bot .pro-list .text .type a {
	color: #999
}

.pro-bot .pro-list .text .type a:hover {
	color: #f77f30
}

.pro-bot .pro-list .text .btn {
	margin-top: 16px
}

.pro-bot .pro-list .text .btn button {
	display: inline-block;
	height: 36px;
	line-height: 34px;
	border-radius: 18px;
	padding: 0 24px;
	color: #f77f30;
	border: 1px solid #f77f30;
	font-size: 15px;
	background-color: #fff
}

.pro-bot .pro-list .text .btn button:hover {
	color: #fff;
	background-color: #f77f30
}

.pro-bot .pro-list li:hover .image {
	height: 168px
}

.pro-bot .pro-list li:hover .text p {
	margin-top: 5px
}

.pro-bot .pro-list li:hover .type {
	display: block
}

.pro-bot .pro-list li::after {
	content: "";
	background: -moz-linear-gradient(90deg, rgb(255, 235, 222) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(90deg, rgb(255, 235, 222) 0%, rgba(255, 255, 255, 0) 100%);
	background: -ms-linear-gradient(90deg, rgb(255, 235, 222) 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 110px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.pro-bot .pro-list li .item {
	position: relative;
	z-index: 9
}

.pro-bot .pro-list li:hover::after {
	opacity: 1
}

.recommend-pro-box .right {
	overflow: hidden
}

.yiqi-tab.offer-tab p a {
	width: 33.33%
}

.offer-bot {
	display: none
}

.offer-bot .offer-list li {
	font-size: 16px;
	position: relative;
	padding-right: 122px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin-top: 21px
}

.offer-bot .offer-list li a {
	color: #333
}

.offer-bot .offer-list li a:hover {
	color: #f77f30
}

.offer-bot .offer-list li .right {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #999999
}

.offer-bot .offer-list li .right mark {
	display: inline-block;
	padding: 0 5px;
	color: #ea8f00;
	background-color: #fff8ee;
	vertical-align: top;
	margin-right: 10px
}

.offer-bot:nth-child(3) .offer-list li {
	padding-right: 80px
}

.offer-bot:nth-child(4) .offer-list li {
	padding-right: 64px
}

.offer-ewm {
	margin-top: 20px;
	position: relative;
	cursor: pointer
}

.small-ewm {
	background-image: url(../../../../images/index/version/2024/offer-bg.png);
	position: relative
}

.offer-ewm p {
	font-size: 20px;
	font-weight: bold;
	color: #fff
}

.small-ewm p span {
	color: #ffb872
}

.offer-ewm .btn {
	margin-top: 12px
}

.offer-ewm .btn a {
	font-size: 15px;
	color: #fff;
	padding: 0 15px;
	display: inline-block;
	height: 34px;
	line-height: 32px;
	box-sizing: border-box;
	border: 1px solid #ff8c1c;
	border-radius: 17px;
	background-color: #ff8c1c
}

.offer-ewm .btn a i {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	margin-right: 4px
}

.offer-ewm .btn a:hover {
	color: #ff8c1c;
	background-color: #fff
}

.small-ewm .image {
	width: 72px;
	position: absolute;
	right: 36px;
	bottom: 0
}

.big-ewm {
	background-image: url(../../../../images/index/version/2024/offer-bg-big.png);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	display: none
}

.big-ewm .content {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	margin-top: 14px
}

.big-ewm .content b {
	color: #ffb872
}

.big-ewm .image {
	position: absolute;
	width: 136px;
	right: 25px;
	top: 64px
}

.small-ewm,
.big-ewm {
	padding: 20px 18px 14px;
	background-size: 100% auto;
	background-repeat: no-repeat
}

.interview .public-title {
	background-image: url(../../../../images/index/version/2024/webinar-title4.png)
}

.interview-box {
	overflow: hidden
}

.interview-box .people {
	width: 1150px;
	float: left;
	margin-right: 30px
}

.interview-box .title {
	line-height: 30px;
	position: relative
}

.interview-box .title i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../../../../images/index/version/2024/title-icon5.png) no-repeat;
	background-size: contain;
	margin-right: 6px;
	vertical-align: top
}

.interview-box .title p {
	font-size: 22px;
	font-weight: bold
}

.interview-box .title p a {
	color: #333
}

.interview-box .title .more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #999
}

.interview-box .title .more:hover {
	color: #ea5f4c
}

.people-box {
	overflow: hidden;
	margin-top: 15px
}

.people-img {
	width: 462px;
	float: left;
	margin-right: 30px
}

.people-img li {
	display: none
}

.people-img li .image {
	height: 0;
	padding-bottom: 135.71%;
	position: relative;
	overflow: hidden
}

.people-img li .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.people-txt {
	overflow: hidden
}

.people-txt li .hover-box,
.people-txt li.focus .normal {
	display: none
}

.people-txt li.focus .hover-box {
	display: block
}

.people-txt li .normal {
	margin-top: 54px;
	overflow: hidden
}

.people-txt li.focus+li .normal {
	margin-top: 40px
}

.people-txt li .normal .num {
	float: left;
	width: 66px;
	margin-right: 14px
}

.people-txt li .normal .text {
	overflow: hidden
}

.people-txt li .normal .text p {
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	overflow: hidden
}

.people-txt li .normal .text p a {
	color: #333
}

.people-txt li .normal .text p a:hover {
	color: #ea5f4c
}

.people-txt li .normal .text .teacher {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	color: #999;
	margin-top: 16px
}

.people-txt li .hover-box {
	padding: 24px 24px 20px;
	background-color: #f6f7fb;
	margin-top: 40px
}

.people-txt li .hover-box .name {
	font-size: 0;
	line-height: 28px;
	height: 28px;
	overflow: hidden
}

.people-txt li .hover-box .name b {
	font-size: 26px;
	color: #ea5f4c;
	vertical-align: top
}

.people-txt li .hover-box .name i {
	display: inline-block;
	width: 6px;
	height: 18px;
	background-color: #ea5f4c;
	vertical-align: top;
	margin: 7px 12px 0
}

.people-txt li .hover-box .name a {
	font-size: 22px;
	font-weight: bold;
	color: #333
}

.people-txt li .hover-box .name a:hover {
	color: #ea5f4c
}

.people-txt li .hover-box .job {
	margin-top: 20px
}

.people-txt li .hover-box .job mark {
	font-size: 16px;
	display: inline-block;
	line-height: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: #ebedf4;
	color: #666;
	padding: 0 20px
}

.people-txt li .hover-box .content {
	margin-top: 18px;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.people-txt li:first-child .hover-box {
	margin-top: 0
}

.people-txt li:first-child .normal {
	margin-top: 20px
}

.interview--hot {
	overflow: hidden
}

.interview-box .interview--hot .title i {
	width: 29px;
	height: 26px;
	background-image: url(../../../../images/index/version/2024/title-icon6.png);
	margin-top: 4px
}

.interview-list {
	margin-top: 15px
}

.interview-list li:first-child {
	margin-top: 0
}

.interview-list li {
	margin-top: 28px;
	overflow: hidden
}

.interview-list li .image {
	float: left;
	margin-right: 14px;
	width: 144px
}

.interview-list li .image a {
	display: block;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

.interview-list li .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.interview-list li .text {
	overflow: hidden
}

.interview-list li p {
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.interview-list li p a {
	color: #333
}

.interview-list li p a:hover {
	color: #ea5f4c
}

.interview-list li .number {
	margin-top: 12px;
	font-size: 14px;
	color: #999
}

.interview-list li .number i {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	font-size: 15px
}

.exhibition .public-title {
	background-image: url(../../../../images/index/version/2024/webinar-title5.png)
}

.exhibition-box {
	overflow: hidden
}

.exhibition-img {
	float: left;
	width: 462px;
	margin-right: 30px
}

.exhibition-img .big-img .image {
	height: 0;
	padding-bottom: 82.25%;
	overflow: hidden;
	position: relative
}

.exhibition-img .big-img .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.exhibition-img .small-img {
	margin-top: 14px;
	overflow: hidden
}

.exhibition-img .small-img ul {
	margin-right: -14px
}

.exhibition-img .small-img li {
	float: left;
	width: 50%
}

.exhibition-img .small-img .item {
	margin-right: 14px
}

.exhibition-img .small-img .image {
	height: 0;
	padding-bottom: 71.42%;
	overflow: hidden;
	position: relative
}

.exhibition-img .small-img .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.exhibition-txt {
	float: left;
	margin-right: 30px;
	width: 658px
}

.exhibition-txt .exhi-title {
	position: relative;
	border-bottom: 1px solid #e6e6e6
}

.exhibition-txt .exhi-title .more,
.exhibition-video .title .more {
	position: absolute;
	right: 0;
	top: 6px;
	font-size: 14px;
	color: #999
}

.exhibition-txt .exhi-title .more:hover,
.exhibition-video .title .more:hover {
	color: #6b76d2
}

.exhi-tab p {
	font-size: 0
}

.exhi-tab p a {
	color: #999999;
	font-size: 22px;
	font-weight: bold;
	padding: 0 26px;
	display: inline-block;
	position: relative
}

.exhi-tab p a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 4px;
	width: 1px;
	height: 18px;
	background-color: #ddd
}

.exhi-tab p a:first-child {
	padding-left: 4px
}

.exhi-tab p a:last-child::after {
	display: none
}

.exhi-tab p a.focus {
	color: #333
}

.exhi-tab p a span {
	display: inline-block;
	position: relative;
	padding-bottom: 16px
}

.exhi-tab p a span::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	height: 3px;
	background-color: #6b76d2;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.exhi-tab p a span::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	opacity: 0;
	border-color: #6b76d2 transparent transparent transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.exhi-tab p a.focus span::before {
	width: 100%
}

.exhi-tab p a.focus span::after {
	opacity: 1
}

.exhi-bot {
	display: none
}

.exhi-bot .exhibition-top {
	text-align: center
}

.exhi-bot .exhibition-top p {
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	margin-top: 22px
}

.exhi-bot .exhibition-top p i {
	display: inline-block;
	font-size: 20px;
	vertical-align: top;
	margin-top: 1px;
	margin-right: 5px
}

.exhi-bot .exhibition-top p a {
	color: #5e5ec4
}

.exhi-bot .exhibition-top p a:hover {
	color: #f77f30
}

.exhi-bot .exhibition-top .time {
	margin-top: 22px;
	color: #999;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden
}

.exhi-bot .exhibition-top .time span {
	margin: 0 10px
}

.exhibition-list {
	border-top: 1px solid #e6e6e6;
	margin-top: 22px;
	padding-top: 22px
}

.exhibition-list li {
	margin-top: 25px;
	overflow: hidden;
	position: relative
}

.exhibition-list li:first-child {
	margin-top: 0
}

.exhibition-list li .time {
	float: left;
	margin-right: 16px;
	width: 43px;
	padding: 9px 0 12px;
	border-radius: 2px;
	background-color: #6b76d2;
	color: #fff;
	text-align: center;
	position: relative
}

.exhibition-list li .time b {
	display: block;
	font-size: 20px
}

.exhibition-list li .time strong {
	display: block;
	margin-top: 4px
}

.exhibition-list li .time::before {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #fff transparent
}

.exhibition-list li .time::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 0;
	border-color: #B8BCE8 transparent transparent transparent
}

.exhibition-list li .text {
	overflow: hidden;
	padding-right: 100px;
	position: relative
}

.exhibition-list li .text p {
	font-size: 17px;
	line-height: 19px;
	height: 19px;
	overflow: hidden;
	margin-top: 4px
}

.exhibition-list li .text p a {
	color: #333
}

.exhibition-list li .text p a:hover {
	color: #6b76d2
}

.exhibition-list li .text .city {
	font-size: 14px;
	color: #999;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	margin-top: 14px
}

.exhibition-list li .btn a {
	position: absolute;
	right: 0;
	top: 10px;
	width: 96px;
	height: 38px;
	line-height: 38px;
	border-radius: 2px;
	background-color: #f6f7fb;
	color: #787878;
	text-align: center;
	font-size: 15px
}

.exhibition-list li .btn i {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	margin-left: 5px;
	line-height: 1;
	margin-top: 15px;
	width: 0;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.exhibition-list li .btn a:hover {
	color: #fff;
	background-color: #6b76d2
}

.exhibition-list li .btn a:hover i {
	width: 10px
}

.report-list li {
	position: relative;
	margin-top: 25px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	padding-right: 80px
}

.report-list li a {
	color: #333
}

.report-list li a:hover {
	color: #6b76d2
}

.report-list li i {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #6b76d2;
	vertical-align: top;
	margin-right: 7px;
	margin-top: 8px
}

.report-list li .time {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #999
}

.exhibition-box .exhibition-video {
	overflow: hidden
}

.exhibition-video .title {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6
}

.exhibition-video .title p {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px
}

.exhibition-video .title i {
	display: inline-block;
	width: 31px;
	height: 26px;
	background: url(../../../../images/index/version/2024/title-icon7.png) no-repeat;
	background-size: contain;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 6px
}

.exhibition-video .title p a {
	color: #333
}

.exhibition-video-list {
	margin-top: 16px
}

.exhibition-video-list li {
	margin-top: 20px
}

.exhibition-video-list .focus+li,
.exhibition-video-list li:last-child.focus {
	border-top: 1px solid #e6e6e6;
	padding-top: 20px
}

.exhibition-video-list li:first-child {
	margin-top: 0
}

.exhibition-video-list .image {
	height: 0;
	overflow: hidden;
	padding-bottom: 0;
	position: relative
}

.exhibition-video-list .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.exhibition-video-list .image span {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 60px 8px 8px
}

.exhibition-video-list .image span strong {
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 16px;
	height: 16px;
	overflow: hidden
}

.exhibition-video-list .image mark {
	position: absolute;
	top: 12px;
	right: 12px;
	line-height: 32px;
	height: 32px;
	border-radius: 2px;
	padding: 0 8px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #f97d21
}

.exhibition-video-list .image mark.notice {
	background-color: #4285f4
}

.exhibition-video-list .image mark.living {
	background-color: #f33a3a
}

.exhibition-video-list .image mark i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: url(https://public.mtnets.com/Images/public/zhibo-icon.gif);
	background-size: contain;
	margin-right: 2px;
	margin-top: 10px
}

.exhibition-video-list .focus .image {
	padding-bottom: 56.31%;
	margin-bottom: 15px
}

.exhibition-video-list p {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden
}

.exhibition-video-list p a {
	color: #333
}

.exhibition-video-list p a:hover {
	color: #6b76d2
}

.exhibition-video-list .number {
	font-size: 14px;
	color: #999;
	margin-top: 15px
}

.exhibition-video-list .number i {
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 1px
}

.gold-company {
	background: url(../../../../images/index/version/2024/company-bg.png) no-repeat;
	background-size: cover;
	padding: 35px 0 24px
}

.gold-company-list.mt40 {
	margin-top: 30px
}

.gold-company .public-title {
	color: #fff;
	background-image: url(../../../../images/index/version/2024/webinar-title6.png)
}

.gold-company .public-title a {
	color: #fff
}

.gold-company-list {
	position: relative
}

.gold-company-list ul {
	margin-right: -14px;
	margin-top: -14px
}

.gold-company-list ul::after {
	content: "";
	clear: both;
	display: block
}

.gold-company-list li {
	width: 16.66%;
	float: left
}

.gold-company-list li .item {
	margin-right: 14px;
	margin-top: 14px;
	border-radius: 8px;
	background-color: #fff;
	padding: 0 0 14px;
	position: relative
}

.gold-company-list li .hover-box {
	display: none
}

.gold-company-list li .image {
	height: 106px;
	position: relative;
	margin-bottom: 6px
}

.gold-company-list li .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.gold-company-list li .txt {
	display: block;
	position: relative;
	text-align: center;
	margin: 0 30px
}

.gold-company-list li .txt b {
	font-size: 16px;
	padding: 0 12px;
	display: inline-block;
	background-color: #fff;
	position: relative;
	z-index: 9;
	height: 18px;
	line-height: 18px;
	overflow: hidden
}

.gold-company-list li .txt::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.gold-company-list a {
	color: #333
}

.gold-company-list a:hover {
	color: #4285f4
}

.gold-company-list .hover-box {
	position: absolute;
	top: -84px;
	left: 0;
	width: 100%;
	height: 80px;
	border-radius: 8px
}

.gold-company-list .hover-box img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3)
}

.gold-company-list .item::after {
	content: "";
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	opacity: 0;
	border-color: #fff transparent transparent transparent;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.gold-company-list li.hover .item::after {
	opacity: 1
}

.gold-company-list li:nth-child(n + 7) .item::after {
	display: none;
	content: "";
	top: auto;
	bottom: -18px;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff transparent
}

.gold-company-list li:nth-child(n + 7) .hover-box img {
	top: 0;
	bottom: auto
}

.gold .public-title {
	background-image: url(../../../../images/index/version/2024/webinar-title7.png)
}

.corporate-tab {
	overflow: hidden
}

.corporate-tab p {
	font-size: 0;
	margin-right: -14px
}

.corporate-tab p a {
	font-size: 24px;
	display: inline-block;
	width: 20%;
	text-align: center;
	vertical-align: top;
	color: #eba446;
	position: relative
}

.corporate-tab p.w-6 a {
	width: 16.66%
}

.corporate-tab p a span {
	display: block;
	margin-right: 14px;
	line-height: 60px;
	height: 60px;
	background: url(../../../../images/index/version/2024/vip-bg.png) no-repeat;
	background-size: cover;
	border-radius: 2px 2px 0 0;
	overflow: hidden;
	margin-top: 18px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.corporate-tab p a.focus {
	color: #fff
}

.corporate-tab p a.focus span {
	height: 78px;
	line-height: 78px;
	margin-top: 0;
	background-image: url(../../../../images/index/version/2024/vip-bg1.png)
}

.corporate-tab p span::before,
.corporate-tab p span::after {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 19px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 31px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.corporate-tab p span::before {
	background-image: url(../../../../images/index/version/2024/star1.png)
}

.corporate-tab p span::after {
	background-image: url(../../../../images/index/version/2024/star2.png)
}

.corporate-tab p span b {
	margin: 0 14px
}

.corporate-tab p a.focus span::before,
.corporate-tab p a.focus span::after {
	opacity: 1
}

.corporate-list {
	padding: 0 10px;
	background-color: #f7f7f7
}

.corporate-list ul {
	overflow: hidden
}

.corporate-list li {
	padding-left: 35px;
	box-sizing: border-box;
	float: left;
	width: 25%;
	height: 64px;
	line-height: 64px;
	overflow: hidden;
	font-size: 16px
}

.corporate-list li:nth-child(5),
.corporate-list li:nth-child(6),
.corporate-list li:nth-child(7),
.corporate-list li:nth-child(8),
.corporate-list li:nth-child(13),
.corporate-list li:nth-child(14),
.corporate-list li:nth-child(15),
.corporate-list li:nth-child(16),
.corporate-list li:nth-child(21),
.corporate-list li:nth-child(22),
.corporate-list li:nth-child(23),
.corporate-list li:nth-child(24) {
	background-color: #fff
}

.corporate-list li .vip {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	padding: 0 7px 0 17px;
	line-height: 22px;
	height: 22px;
	border-radius: 11px;
	background-color: #f2b74d;
	color: #fff;
	margin-right: 7px;
	margin-top: 22px;
	vertical-align: top
}

.corporate-list li .vip i {
	position: absolute;
	width: 26px;
	height: 26px;
	background: url(../../../../images/index/version/2024/vip.png) no-repeat;
	background-size: contain;
	left: -9px;
	top: -2px
}

.corporate-list li a {
	color: #333
}

.corporate-list li a:hover {
	color: #f5a414
}

.friend-tab p {
	font-size: 0
}

.friend-tab p a {
	color: #999999;
	font-size: 20px;
	font-weight: bold;
	padding: 0 26px;
	display: inline-block;
	position: relative
}

.friend-tab p a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 4px;
	width: 1px;
	height: 18px;
	background-color: #ddd
}

.friend-tab p a:first-child {
	padding-left: 4px
}

.friend-tab p a:last-child::after {
	display: none
}

.friend-tab p a.focus {
	color: #333
}

.friend-tab p a span {
	display: inline-block;
	position: relative;
	padding-bottom: 16px
}

.friend-tab p a span::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	height: 3px;
	background-color: #4285f4;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.friend-tab p a span::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	opacity: 0;
	border-color: #4285f4 transparent transparent transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.friend-tab p a.focus span::before {
	width: 100%
}

.friend-tab p a.focus span::after {
	opacity: 1
}

.friend-title {
	position: relative;
	border-bottom: 1px solid #e6e6e6
}

.friend-title .more {
	position: absolute;
	right: 0;
	top: -7px;
	padding: 0 12px;
	height: 34px;
	line-height: 30px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 17px;
	font-size: 14px;
	color: #666666;
	display: none
}

.friend-title .more i {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	color: #4285f4;
	margin-right: 4px;
	margin-top: 1px
}

.friend-title .more:hover {
	color: #4285f4;
	border-color: #4285f4
}

.corporate-bot {
	display: none
}

.friend-bot {
	display: none;
	margin-top: 24px;
	overflow: hidden
}

.friend-bot ul {
	margin-top: -12px;
	overflow: hidden;
	margin-right: -8px
}

.friend-bot li {
	margin-top: 12px;
	width: 9.09%;
	float: left;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	padding-right: 8px;
	box-sizing: border-box
}

.friend-bot li a {
	color: #666
}

.friend-bot li a:hover {
	color: #4285f4
}

.Lista {
	margin: 35px auto 0;
	font-size: 0
}

.Lista a {
	display: inline-block;
	width: 124px;
	height: 38px;
	line-height: 36px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	margin-right: 14px;
	color: #666;
	background: #f6f7fb
}

.Lista a.focus {
	background-color: #4285f4;
	color: #fff;
	border-color: #4285f4
}

.Lista a:hover {
	background-color: #4285f4;
	color: #fff;
	border-color: #4285f4
}

.gotoTop {
	position: fixed;
	bottom: 150px;
	right: 100px;
	display: none;
	z-index: 9999
}

.gotoTop a {
	font-size: 0
}

.gotoTop a i {
	font-size: 44px;
	color: #4285f4
}

.gotoTop a:hover i {
	color: #649bf7
}

.fix-navigation {
	background-color: #4285f4;
	padding: 8px 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	display: none
}

.fix-navigation .item {
	padding: 0 24px;
	box-sizing: border-box
}

.fix-navigation .item .logo {
	float: left;
	width: 168px
}

.iframeTop {
	float: right;
	height: 40px
}

.login-btn {
	float: right
}

.login-btn a {
	display: inline-block;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	vertical-align: top;
	padding: 0 28px;
	border-radius: 3px;
	margin: 4px 0 0 28px;
	background: -moz-linear-gradient(0deg, rgb(0, 181, 120) 0%, rgb(28, 196, 170) 100%);
	background: -webkit-linear-gradient(0deg, rgb(0, 181, 120) 0%, rgb(28, 196, 170) 100%);
	background: -ms-linear-gradient(0deg, rgb(0, 181, 120) 0%, rgb(28, 196, 170) 100%)
}

.login-btn a:last-child {
	background: -moz-linear-gradient(0deg, rgb(244, 126, 0) 0%, rgb(251, 172, 21) 100%);
	background: -webkit-linear-gradient(0deg, rgb(244, 126, 0) 0%, rgb(251, 172, 21) 100%);
	background: -ms-linear-gradient(0deg, rgb(244, 126, 0) 0%, rgb(251, 172, 21) 100%)
}

.login-btn a:first-child {
	margin-left: 0
}

.fix-navigation .search {
	float: left;
	width: auto;
	margin-top: 2px
}

.fix-navigation .search .form {
	background: #fff;
	height: 40px;
	margin-top: 0;
	margin-left: 200px;
	border: 0;
	border-radius: 3px
}

.fix-navigation .search .form .select .select-top p {
	font-size: 14px;
	line-height: 40px
}

.fix-navigation .search .form .select .select-top i {
	border-width: 4px 4px 0 4px;
	margin-top: 19px
}

.fix-navigation .search .form input {
	font-size: 14px
}

.fix-navigation .search .form .select .select-bot {
	top: 100%
}

.fix-navigation .search .form button {
	width: 108px;
	height: 36px;
	margin-top: 2px;
	margin-right: 2px
}

.bottomAdv {
	position: fixed;
	width: 100%;
	height: auto;
	right: 0;
	bottom: 0;
	z-index: 9999
}

.bottomAdv img {
	width: 100%;
	display: block
}

.bottomAdvClose {
	position: absolute;
	right: 12px;
	top: 20px;
	color: #999;
	transform: translateY(-50%);
	z-index: 999
}

.bottomAdvClose:hover {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg)
}

.bottomAdvClose i {
	font-size: 20px
}

.thumbAdv {
	position: fixed;
	left: -150px;
	bottom: 40px;
	z-index: 10000;
	border-radius: 4px;
	width: 90px;
	overflow: hidden
}

.thumbAdv .Close {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #fff
}

.thumbAdv .Close i {
	font-size: 16px
}

.thumbAdv .Close:hover {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.couplet-adv {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99
}

.couplet-adv .image {
	width: 60px
}

.couplet-adv .big-image {
	width: 100px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	display: none
}

.couplet-adv.right .big-image {
	right: 0;
	left: auto
}

.couplet-adv .close {
	display: inline-block;
	margin-top: 5px;
	color: #999;
	font-size: 12px
}

.couplet-adv .close:hover {
	color: #4285f4
}

.couplet-adv.left {
	left: 20px
}

.couplet-adv.right {
	right: 20px
}

.couplet-adv.right {
	text-align: right
}

.couplet-adv.top {
	top: 120px;
	transform: none
}

.couplet-adv.bottom {
	top: auto;
	bottom: 200px;
	transform: none
}

.footer {
	background-color: #242a37;
	margin-top: 30px;
	padding: 40px 0;
	font-family: "Microsoft YaHei"
}

.foot {
	margin: 0 auto;
	overflow: hidden
}

.foot-nav {
	width: 570px;
	float: left
}

.foot-txt {
	overflow: hidden;
	padding: 15px 0 0 0
}

.foot-txt li {
	width: 14%;
	float: left;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden
}

.foot-txt li a {
	color: #999
}

.foot-txt li a:hover {
	color: #4285f4
}

.copyright {
	color: #999;
	padding: 15px 0;
	text-align: center;
	background-color: #1b1f29;
	font-size: 14px
}

.copyright a {
	color: #999
}

.copyright a:hover {
	color: #ff6600
}

.foot-img {
	overflow: hidden;
	width: calc(100% + 20px);
	background: url('https://www.chem17.com/Images/Index/Version/2020/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin-top: 12px
}

.foot-img li {
	width: 83px;
	height: 33px;
	float: left;
	margin-right: 8px
}

.foot-img li a {
	display: block;
	height: 33px;
	color: #333;
	border-radius: 3px;
	overflow: hidden
}

.police {
	text-align: left;
	color: #888888;
	margin-top: 12px;
	line-height: 20px
}

.police img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top
}

.police a {
	color: #888888
}

.hot-line {
	width: 293px;
	height: 256px;
	padding-top: 10px;
	float: left;
	margin-left: 196px;
	color: #999
}

.hot-line i {
	font-size: 66px
}

.hot-line p {
	font-size: 14px;
	line-height: 28px
}

.hot-line p a {
	display: inline-block;
	width: 18px;
	height: 21px;
	vertical-align: top;
	margin-top: 3px;
	background: url("https://www.chem17.com/images/Index/2019/main.png") no-repeat 100% -223px
}

.hot-line span {
	display: block;
	font-size: 13px;
	line-height: 36px
}

.hot-line>b {
	display: block;
	font-size: 30px;
	color: #fff;
	margin-top: 20px
}

.qr-code {
	float: right;
	padding-top: 10px
}

.qr-code li {
	float: left;
	padding: 0 0 0 40px
}

.foot h2 {
	color: #999;
	font-size: 18px;
	height: 30px;
	font-weight: bold
}

.foot h2 b {
	border-bottom: 3px solid #387ee8;
	height: 30px;
	display: inline-block
}

.qr-code h2 {
	padding-left: 40px
}

.qr-code ul {
	margin-top: 28px
}

.qr-code li span {
	display: block;
	width: 144px;
	height: 144px;
	background-color: #fff
}

.qr-code li span img {
	width: 100%;
	height: 100%
}

.qr-code li p {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 16px
}

.foot-nav p {
	font-size: 14px;
	color: #999;
	line-height: 30px
}

.foot-nav p a {
	color: #999
}

.foot-nav p a img {
	margin-left: 8px
}

.foot-nav p a:hover {
	color: #f90
}

.Job {
	margin-top: 30px;
	height: 110px;
	background-image: url('../../../../images/index/version/2024/job.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden
}

.Job .more {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 13px;
	width: 26px;
	padding: 14px 0;
	text-align: center;
	border: 1px solid #e4b387
}

.Job .more a {
	font-size: 14px;
	color: #de722d
}

.Job .more a i {
	font-size: 10px;
	margin-top: 6px
}

.Job-swiper {
	margin: 30px 66px 30px 66px;
	overflow: hidden
}

.Job-swiper ul li {
	width: 25%;
	height: 50px;
	float: left;
	border-right: 1px solid #f2e7db
}

.Job-swiper ul li .Job-item {
	height: 100%;
	position: relative
}

.Job-swiper ul li .Icon {
	width: 38px;
	height: 38px;
	position: absolute;
	left: 26px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('../../../../images/index/version/2024/job-item.png');
	background-repeat: no-repeat;
	background-size: cover
}

.Job-swiper ul li .Title {
	position: absolute;
	top: 0;
	left: 84px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	max-width: 112px
}

.Job-swiper ul li .Title a {
	color: #333
}

.Job-swiper ul li .Title a:hover {
	color: #ff6600
}

.Job-swiper ul li .Salary {
	position: absolute;
	top: 0;
	right: 36px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	text-align: right;
	color: #e92c2c;
	overflow: hidden;
	max-width: 145px
}

.Job-swiper ul li .Company {
	position: absolute;
	bottom: 1px;
	left: 84px;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	max-width: 200px
}

.Job-swiper ul li .Company a {
	color: #999999
}

.Job-swiper ul li .City {
	position: absolute;
	bottom: 1px;
	right: 36px;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	color: #ff6600;
	padding: 0 8px;
	border: 1px solid #ffaf48;
	border-radius: 2px
}

.video-one {
	overflow: hidden
}

.video-one .video-left {
	float: left;
	width: 838px;
	margin-right: 20px
}

.video-one-swiper {
	position: relative
}

.video-one .video-left .image {
	height: 0;
	padding-bottom: 56.2%;
	overflow: hidden;
	position: relative
}

.video-one .video-left .image img {
	position: absolute;
	width: 100%;
	height: 100%
}

.video-one .video-left .image .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff
}

.video-one .video-left .image .play i {
	font-size: 82px
}

.video-one mark {
	position: absolute;
	top: 12px;
	right: 12px;
	line-height: 32px;
	height: 32px;
	border-radius: 2px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #4285f4;
	min-width: 56px;
	text-align: center;
	box-sizing: border-box
}

.video-one mark.notice {
	background-color: #f97d21
}

.video-one mark.living {
	background-color: #f33a3a
}

.video-one mark i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: url(https://public.mtnets.com/Images/public/zhibo-icon.gif);
	background-size: contain;
	margin-right: 2px;
	margin-top: 10px
}

.video-one-swiper .swiper-button-next,
.video-one-swiper .swiper-button-prev {
	top: 194px;
	width: 48px;
	height: 80px;
	margin-top: 0;
	background-size: 17px 32px;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.video-one-swiper:hover .swiper-button-next,
.video-one-swiper:hover .swiper-button-prev {
	opacity: 1
}

.video-one-swiper .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
	right: 0;
	left: auto
}

.video-one-swiper .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
	left: 0;
	right: auto
}

.video-one .video-left .text {
	padding-left: 16px;
	padding-right: 80px;
	background-image: -moz-linear-gradient(0deg, rgb(27, 79, 198) 0%, rgb(44, 149, 247) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(27, 79, 198) 0%, rgb(44, 149, 247) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(27, 79, 198) 0%, rgb(44, 149, 247) 100%)
}

.video-one .video-left .text p {
	line-height: 62px;
	height: 62px;
	overflow: hidden;
	font-size: 18px
}

.video-one .video-left .text p a {
	color: #fff
}

.video-one-swiper .swiper-pagination-fraction {
	bottom: 16px;
	left: auto;
	width: auto;
	right: 24px;
	font-size: 20px;
	color: #fff;
	letter-spacing: -1px
}

.video-one-swiper .swiper-pagination-current {
	color: #ffcfa9;
	font-size: 28px
}

.video-one .video-right {
	overflow: hidden
}

.video-one .video-right li {
	margin-top: 20px
}

.video-one .video-right li .image {
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

.video-one .video-right li .image img {
	position: absolute;
	width: 100%;
	height: 100%
}

.video-one .video-right li .image mark {
	line-height: 26px;
	height: 26px
}

.video-one .video-right li:first-child {
	margin-top: 0
}

.video-one .video-right li .gradual {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px
}

.video-one .video-right li .gradual strong {
	position: absolute;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	color: #fff;
	font-weight: normal;
	left: 0;
	bottom: 7px;
	width: 100%;
	padding: 0 7px;
	box-sizing: border-box
}

.video-two {
	overflow: hidden
}

.video-two .video-left {
	float: left;
	width: 688px;
	margin-right: 20px
}

.video-two .video-left .image {
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

.video-two .video-left .image img {
	position: absolute;
	width: 100%;
	height: 100%
}

.video-two .video-left .image .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff
}

.video-two .video-left .image .play i {
	font-size: 82px
}

.video-two-swiper {
	position: relative
}

.video-two-swiper .swiper-button-next,
.video-two-swiper .swiper-button-prev {
	top: 154px;
	width: 48px;
	height: 80px;
	margin-top: 0;
	background-size: 17px 32px;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.video-two-swiper:hover .swiper-button-next,
.video-two-swiper:hover .swiper-button-prev {
	opacity: 1
}

.video-two-swiper .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
	right: 0;
	left: auto
}

.video-two-swiper .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
	left: 0;
	right: auto
}

.video-two .video-left .text {
	padding: 28px 20px;
	background: #f6f7fb
}

.video-two .video-left .text p {
	font-size: 26px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	font-weight: bold
}

.video-two .video-left .text p a {
	color: #333
}

.video-two .video-left .text p a:hover {
	color: #4285f4
}

.video-two .video-left .text .data {
	margin-top: 28px;
	line-height: 34px;
	font-size: 0
}

.video-two mark {
	line-height: 32px;
	height: 32px;
	border-radius: 2px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #4285f4;
	min-width: 56px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 18px;
	vertical-align: top
}

.video-two mark.notice {
	background-color: #f97d21
}

.video-two mark.living {
	background-color: #f33a3a
}

.video-two mark i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: url(https://public.mtnets.com/Images/public/zhibo-icon.gif);
	background-size: contain;
	margin-right: 2px;
	margin-top: 10px
}

.video-two .video-left .text .data span {
	font-size: 14px;
	color: #ababab;
	vertical-align: top
}

.video-two .video-left .text .data span i {
	font-size: 15px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: top
}

.video-two-swiper .swiper-pagination-fraction {
	bottom: 32px;
	left: auto;
	width: auto;
	right: 24px;
	font-size: 20px;
	color: #ababab;
	letter-spacing: -1px
}

.video-two-swiper .swiper-pagination-current {
	color: #4285f4;
	font-size: 28px
}

.video-two .video-right {
	overflow: hidden
}

.video-two .video-right li {
	margin-top: 20px;
	overflow: hidden;
	background-color: #f6f7fb
}

.video-two .video-right li:first-child {
	margin-top: 0
}

.video-two .video-right li .image {
	width: 210px;
	float: left;
	position: relative
}

.video-two .video-right li .image a {
	display: block;
	height: 0;
	padding-bottom: 56.19%;
	overflow: hidden;
	position: relative
}

.video-two .video-right li .image img {
	position: absolute;
	width: 100%;
	height: 100%
}

.video-two .video-right mark {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0;
	height: 28px;
	line-height: 28px
}

.video-two .video-right li .text {
	overflow: hidden;
	padding: 18px 18px 0
}

.video-two .video-right li .text p {
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.video-two .video-right li .text p a {
	color: #333
}

.video-two .video-right li .text p a:hover {
	color: #4285f4
}

.video-two .video-right li .text .time {
	margin-top: 12px;
	font-size: 14px;
	color: #ababab
}

.video-two .video-right li .text .time i {
	font-size: 15px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: top
}

.popup-xunjia {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 999;
	display: none
}

.popup-xunjia-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
	width: 680px
}

.popup-xunjia-box .left {
	float: left;
	width: 200px;
	padding: 16px 0;
	position: relative;
	z-index: 2
}

.popup-xunjia-box .left .title {
	text-align: center
}

.popup-xunjia-box .left .contact-way {
	text-align: center;
	color: #fff;
	font-size: 17px;
	margin-top: 32px
}

.popup-xunjia-box .left .contact-way b {
	font-size: 16px;
	display: block;
	font-family: "Microsoft YaHei";
	margin-top: 6px
}

.popup-xunjia-box .left .contact-way span {
	display: block;
	font-size: 14px;
	margin-top: 6px
}

.popup-xunjia-box .left .contact-way .image {
	margin: 18px auto 0;
	width: 140px;
	padding: 5px;
	box-sizing: border-box;
	background: #fff
}

.popup-xunjia-box .left .contact-text {
	color: #fff;
	margin-top: 12px;
	text-indent: 26px;
	font-size: 15px;
	line-height: 32px
}

.popup-xunjia-box .left .contact-text p b {
	font-size: 18px;
	font-weight: normal
}

.popup-xunjia-box::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	background: url(https://www.chem17.com/images/index/version/2024/popup-bg.png) no-repeat;
	background-size: cover
}

.popup-xunjia-box .right {
	overflow: hidden;
	padding: 24px 40px;
	position: relative
}

.popup-xunjia-box .right .close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #dddddd;
	font-size: 0;
	z-index: 10
}

.popup-xunjia-box .right .close i {
	font-size: 17px
}

.popup-xunjia-box .right .close:hover {
	color: #4385f5;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.popup-xunjia-box .right .popup-logo {
	text-align: center
}

.popup-xunjia-box .right .popup-logo img {
	width: 175px
}

.popup-xunjia-box .right .text {
	font-size: 20px;
	color: #0096e0;
	font-family: "Microsoft YaHei";
	margin-top: 18px;
	text-align: center
}

.popup-edit-box {
	margin-top: 24px;
	position: relative
}

.popup-edit-box .input:first-of-type {
	margin-top: 0
}

.popup-edit-box .input,
.popup-edit-box .input-num .input {
	margin-top: 16px;
	position: relative
}

.popup-edit-box .input input {
	width: 100%;
	height: 40px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 15px;
	padding: 0 15px;
	box-sizing: border-box
}

input::placeholder {
	color: #999
}

input::-webkit-input-placeholder {
	color: #999
}

input:-moz-placeholder {
	color: #999
}

input::-moz-placeholder {
	color: #999
}

input:-ms-input-placeholder {
	color: #999
}

.popup-edit-box .input input:focus {
	border-color: #4385f5
}

.popup-edit-box .input-num {
	overflow: hidden
}

.popup-edit-box .input-num .input {
	float: left;
	width: 219px;
	margin-right: 12px
}

.popup-edit-box .input-num .input:last-of-type {
	width: auto;
	float: none;
	margin-right: 0;
	overflow: hidden
}

.popup-edit-box .input.Code input {
	padding-right: 100px
}

.popup-edit-box .input.Code a {
	position: absolute;
	right: 15px;
	top: 12px;
	font-size: 15px;
	color: #4385f5
}

.popup-edit-box .input.Code a:hover {
	color: #f60
}

.popup-xunjia-box .popup-btn {
	margin-top: 16px
}

.popup-xunjia-box .popup-btn a {
	display: block;
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	border-radius: 24px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 8px 8px 0 rgba(244, 127, 0, .25);
	background: linear-gradient(90deg, rgb(251, 172, 21), rgb(244, 126, 0), rgb(244, 126, 0), #4385f5, rgb(251, 172, 21));
	background-size: 400%
}

.popup-xunjia-box .popup-btn a:hover {
	animation: sun 8s infinite linear
}

@keyframes sun {
	100% {
		background-position: -400% 0;
	}
}

.popup-xunjia-box .popup-tip {
	margin-top: 14px;
	text-align: center;
	font-size: 13px;
	color: #999
}

.popup-xunjia-box .popup-tip a {
	color: #4385f5
}

.popup-xunjia-box .popup-tip a:hover {
	color: #f60
}

.wrong-tip {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.wrong-tip p {
	box-shadow: 0 3px 26px 0 rgba(0, 0, 0, .15);
	background-color: #fff;
	display: inline-block;
	line-height: 36px;
	padding: 0 15px;
	font-size: 15px;
	margin: 5px 0;
	white-space: nowrap
}

.wrong-tip i {
	color: #e72528;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-right: 7px
}

.submit-success {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 9;
	background: url(https://www.chem17.com/images/login-guangyun.png);
	background-size: cover;
	background-color: #fff
}

.submit-success .icon {
	width: 88px;
	height: 90px;
	margin: 0 auto;
	background: url(https://www.chem17.com/images/success.png) no-repeat;
	background-size: contain
}

.submit-success .center-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%
}

.submit-success .center-box i {
	display: block;
	color: #009944;
	font-size: 64px
}

.submit-success .center-box p {
	font-size: 18px;
	margin-top: 18px;
	font-weight: bold
}

.submit-success .center-box span {
	font-size: 15px;
	color: #999;
	margin-top: 15px;
	display: block
}

.submit-success .center-box .go a {
	display: block;
	height: 40px;
	box-sizing: border-box;
	line-height: 36px;
	border-radius: 20px;
	font-size: 15px;
	padding: 0 15px;
	white-space: nowrap;
	width: 196px;
	margin: 44px auto 0;
	background-color: #4385f5;
	color: #fff;
	box-shadow: 0 8px 8px 0 rgba(25, 123, 248, .15)
}

.submit-success .center-box .go a:hover {
	color: #4385f5;
	border: 1px solid #4385f5;
	background-color: #fff
}

@media only screen and (min-width:1920px) {
	.w {
		width: 1560px
	}

	.new-pro-adv {
		margin-top: -10px
	}
}

@media only screen and (min-width:1600px) and (max-width:1919px) {
	.w {
		width: 1400px
	}

	.hot-key a {
		margin-left: 10px
	}

	.webiframe,
	.webinar-top-image {
		height: 394px
	}

	.course .public-tab a {
		padding: 0 44px
	}

	.video-one .video-left {
		width: 752px;
		margin-right: 18px
	}

	.video-one .video-left .text p {
		line-height: 54px;
		height: 54px;
		font-size: 17px
	}

	.video-one .video-right li .gradual strong {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.video-one .video-right li .gradual {
		height: 90px
	}

	.video-one .video-right li {
		margin-top: 14px
	}

	.video-one {
		margin-top: -5px
	}

	.video-two .video-left {
		width: 618px;
		margin-right: 18px
	}

	.video-two .video-left .text {
		padding: 18px 18px
	}

	.video-two .video-left .text {
		padding: 23px 18px
	}

	.video-two .video-left .text p {
		font-size: 23px;
		line-height: 25px;
		height: 25px
	}

	.video-two .video-left .text .data {
		margin-top: 22px;
		line-height: 30px
	}

	.video-two-swiper .swiper-pagination-fraction {
		bottom: 24px;
		right: 20px;
		font-size: 18px
	}

	.video-two mark {
		line-height: 30px;
		height: 30px;
		font-size: 13px;
		margin-right: 15px
	}

	.video-two .video-left .text .data span {
		font-size: 13px
	}

	.video-two .video-left .text .data span i {
		font-size: 13px;
		margin-top: 2px
	}

	.video-two .video-right li .image {
		width: 188px
	}

	.video-two .video-right li {
		margin-top: 16px
	}

	.video-two .video-right li .image {
		width: 190px
	}

	.video-two .video-right li .text {
		padding: 16px 16px 0
	}

	.video-two .video-right li .text p {
		font-size: 15px;
		line-height: 22px;
		height: 44px
	}

	.video-two .video-right li .text .time {
		margin-top: 10px;
		font-size: 13px
	}

	.video-two .video-right li .text .time i {
		font-size: 13px;
		margin-top: 2px
	}

	.new-pro-adv .image {
		padding-bottom: 45.5%
	}

	.data-book .book-img {
		height: 166px;
		text-indent: 34px
	}

	.gotoTop {
		right: 38px
	}

	.search .form {
		width: 690px;
		height: 52px;
		margin-left: 68px;
		margin-top: 16px
	}

	.search .form .select .select-top p {
		line-height: 48px
	}

	.search .form .select .select-top i {
		margin-top: 22px
	}

	.search .form input {
		width: 493px
	}

	.top-adv {
		width: 340px;
		margin-top: 8px;
		height: 60px
	}

	.hot-key {
		margin-top: 22px
	}

	.nav .menu ul li b a,
	.nav .menu ul li .menu-top a {
		height: 54px;
		font-size: 18px;
		line-height: 54px;
		padding: 0 31px
	}

	.nav .menu ul li .menu-top a i {
		margin: 21px 0 0 8px
	}

	.nav-bot .item span b i {
		width: 22px;
		height: 25px
	}

	.nav-bot .item span b {
		font-size: 23px
	}

	.nav-bot .item span a {
		font-size: 15px;
		margin-left: 15px
	}

	.nav-bot .item span:nth-child(2) b i {
		margin-left: 36px
	}

	.mt22 {
		margin-top: 20px
	}

	.threew li:first-child .adv-item,
	.threew li:nth-child(3) .adv-item {
		width: 340px
	}

	.threew li:nth-child(2) .adv-item {
		width: 680px
	}

	.product-classify {
		width: 306px
	}

	.product-classify .title p {
		line-height: 28px;
		font-size: 24px
	}

	.class-a {
		line-height: 48px;
		height: 48px
	}

	.class-a p {
		font-size: 16px
	}

	.class-a i {
		font-size: 22px;
		margin: 15px 12px 0 36px
	}

	.right-classify {
		width: 1094px
	}

	.report-list li {
		margin-top: 21px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.class-txt .item {
		padding: 26px 0;
		padding-left: 30px
	}

	.product-classify.active .class-txt .item:nth-child(2) {
		padding-top: 26px
	}

	.class-txt .item p {
		margin: 0 -6px
	}

	.class-txt .item .class-c {
		height: 24px;
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 16px
	}

	.class-txt .item .class-c span {
		right: 35px;
		border-radius: 13px;
		padding: 0 4px 0 12px;
		font-size: 12px
	}

	.class-txt .item .class-c span img {
		top: 0;
		left: -5px;
		width: 22px
	}

	.class-txt .item .class-c a.more {
		font-size: 13px
	}

	.class-txt .item p a {
		font-size: 14px;
		line-height: 24px;
		margin: 0 6px
	}

	.class-adv {
		padding: 24px 32px 0 26px;
		width: 310px
	}

	.class-adv .item {
		padding: 9px
	}

	.class-adv .item p,
	.class-adv .item span {
		height: 30px;
		line-height: 30px
	}

	.class-adv .item p {
		font-size: 15px;
		margin-top: 14px
	}

	.class-adv .item span {
		font-size: 14px
	}

	.main .news {
		margin: 0 26px;
		width: 702px
	}

	.public-tab p a {
		font-size: 20px;
		height: 54px;
		line-height: 54px
	}

	.public-tab p b mark {
		height: 32px;
		line-height: 30px;
		padding: 0 13px
	}

	.news-top span {
		height: 32px;
		line-height: 32px;
		font-size: 21px
	}

	.today .news-top span {
		font-size: 23px
	}

	.news-top span i {
		width: 55px;
		height: 32px;
		margin-top: 2px
	}

	.news-top p {
		font-size: 14px;
		line-height: 16px;
		max-height: 16px;
		margin-top: 15px
	}

	.news-bot.today .image {
		width: 210px;
		margin-left: 20px
	}

	.news-bot.today .image span {
		font-size: 15px
	}

	.news-bot.today .image span strong {
		height: 20px;
		line-height: 20px
	}

	.news-bot.today .image a:hover span strong {
		height: 40px
	}

	.news-3 ul li:first-child {
		font-size: 19px;
		line-height: 21px;
		height: 21px;
		margin-top: 5px
	}

	.news-3 ul li {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
		margin-top: 18px
	}

	.hot-search,
	.news-3 .box {
		margin-top: 18px
	}

	.hot-search .title span {
		font-size: 22px;
		padding: 0 40px 0 20px;
		height: 38px;
		line-height: 42px
	}

	.hot-search .left li {
		line-height: 30px;
		height: 30px;
		margin-top: 14px;
		font-size: 16px
	}

	.hot-search .left li span {
		font-size: 13px;
		padding: 0 12px
	}

	.hot-search .left ul {
		padding: 23px 12px 23px 0
	}

	.news-bot .news-list li {
		margin-top: 23px;
		font-size: 16px;
		line-height: 17px;
		height: 17px
	}

	.news-bot.shangji .news-list li {
		margin-top: 22px
	}

	.news-bot .big-special .text p {
		font-size: 18px
	}

	.news-bot .big-special .text .go {
		padding: 0 18px 0 10px;
		font-size: 24px
	}

	.news-bot .big-special .text .go i {
		margin-left: 6px;
		font-size: 14px
	}

	.news-bot .big-special .text .go::after {
		border-width: 0 0 54px 26px;
		left: -26px
	}

	.news-bot .big-special .text {
		height: 54px;
		line-height: 54px;
		padding: 0 14px;
		padding-right: 164px
	}

	.news-bot .special-box ul {
		margin-right: -19px
	}

	.news-bot .special-box .item {
		margin-right: 19px
	}

	.news-bot .special-box {
		margin-top: 22px
	}

	.adv-4 .big {
		height: 221px
	}

	.slidelist {
		height: 82px;
		margin: 0 8px
	}

	.slidelist ul li {
		width: 76px;
		margin-right: 6px
	}

	.slidelist span {
		width: 76px;
		height: 58px
	}

	.adv-3 li .image {
		width: 82px
	}

	.adv-3 li {
		margin-top: 15px;
		padding: 8px 22px
	}

	.adv-3 li .text p {
		margin-top: 18px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.adv-3 li .text span {
		margin-top: 14px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.adv-3 li .text p i {
		font-size: 13px;
		margin-top: 1px
	}

	.banner-adv-4 ul li .item {
		margin-right: 12px;
		padding: 22px 25px
	}

	.banner-adv-4 ul li .item .image {
		height: 64px
	}

	.banner-adv-4 ul li .item .text {
		margin-top: 16px
	}

	.banner-adv-4 ul li .item p a {
		height: 16px;
		line-height: 16px;
		font-size: 14px
	}

	.banner-adv-4 ul li .item p {
		margin-top: 12px
	}

	.fix-navigation .search .form {
		margin-left: 127px
	}

	.course .left {
		width: 340px;
		margin-right: 25px
	}

	.course .new-active,
	.course .adv-2 {
		padding: 15px 6px 6px
	}

	.course .new-active .title span {
		font-size: 20px;
		margin: 0 12px
	}

	.new-active-box {
		margin-top: 14px;
		border-radius: 4px 4px 0 0;
		padding: 16px 16px
	}

	.new-active-box li {
		margin-top: 15px;
		font-size: 15px;
		line-height: 20px;
		height: 20px
	}

	.new-active-box li span {
		font-size: 17px;
		margin-right: 14px
	}

	.course .adv-logo .image {
		width: 82px;
		margin-right: 10px
	}

	.course .adv-logo .text p {
		margin-top: 10px;
		font-size: 20px;
		height: 22px;
		line-height: 22px
	}

	.course .adv-logo .text .tag {
		margin-top: 18px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.course .adv-logo .text .tag i {
		font-size: 14px;
		margin-right: 3px;
		margin-top: 1px
	}

	.course .adv-content {
		padding: 48px 10px 10px;
		margin-top: -40px
	}

	.course .adv-content p {
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.course .adv-content .adv-img {
		margin-top: 8px
	}

	.course-bot {
		margin-top: 20px
	}

	.course-left {
		width: 668px;
		margin-right: 25px
	}

	.course-left .image {
		height: 376px
	}

	.course-left .image .play {
		width: 78px;
		height: 78px
	}

	.course-left .text p {
		margin-top: 18px;
		font-size: 24px;
		line-height: 26px;
		height: 26px
	}

	.course-left .text .bottom {
		margin-top: 16px;
		line-height: 30px;
		height: 30px;
		margin-bottom: 10px
	}

	.course-left .text .bottom mark {
		padding: 0 14px 0 6px;
		font-size: 16px
	}

	.course-bot .yiqi {
		height: 471px
	}

	.course-right ul li p a {
		font-size: 15px
	}

	.course-right ul li.focus p a {
		font-size: 18px;
		line-height: 28px;
		max-height: 56px
	}

	.course-bot .live-list .item {
		margin-right: 18px;
		margin-top: 24px
	}

	.course-bot .live-list ul {
		margin-right: -18px;
		margin-top: -24px
	}

	.course-bot .live-list .image .mask i {
		font-size: 52px
	}

	.course-bot .live-list .text p {
		line-height: 23px;
		height: 46px;
		font-size: 15px;
		margin-top: 10px
	}

	.course-bot .live-list .text .company {
		margin-top: 12px
	}

	.customer-intro {
		margin-right: 37px;
		width: 650px
	}

	.customer-intro .text .title {
		margin-top: 20px;
		font-size: 22px;
		line-height: 24px;
		height: 24px
	}

	.customer-intro .text .content {
		margin-top: 16px;
		font-size: 14px;
		line-height: 25px;
		max-height: 125px
	}

	.customer-news-list li {
		margin-top: 17px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.customer-intro-list li i {
		width: 22px;
		height: 22px
	}

	.customer-intro-list li {
		font-size: 15px;
		line-height: 22px;
		height: 22px;
		margin-top: 8px
	}

	.web .customer-news-list li {
		margin-top: 17px
	}

	.customer-news .bottom-adv-img {
		margin-top: 16px
	}

	.mt35 {
		margin-top: 30px
	}

	.webinar {
		padding: 35px 0
	}

	.public-title {
		font-size: 34px
	}

	.mt40 {
		margin-top: 35px
	}

	.webinar-box .left {
		width: 1020px;
		margin-right: 32px
	}

	.webinar-top-image {
		width: 701px;
		margin-right: 16px
	}

	.webinar-box .left .webinar-list li .item {
		margin-right: 14px;
		margin-top: 16px
	}

	.webinar-box .left .webinar-list ul {
		margin-right: -14px
	}

	.webinar-box .left .webinar-list .text p b {
		font-size: 18px;
		margin-right: 8px
	}

	.webinar-box .left .webinar-list .text p {
		margin-top: 10px;
		line-height: 32px;
		height: 32px;
		padding-right: 92px;
		font-size: 14px
	}

	.webinar-box .left .webinar-list .text p .btn {
		padding: 0 16px;
		line-height: 30px;
		font-size: 14px
	}

	.webinar-box .right .list li .image mark {
		height: 30px;
		line-height: 30px;
		font-size: 14px
	}

	.webinar-box .right .list li p {
		font-size: 16px;
		line-height: 22px;
		height: 22px
	}

	.webinar-box .right .list li p a i {
		width: 22px;
		height: 22px
	}

	.webinar-box .right .list li {
		margin-top: 16px
	}

	.new-product-list li .item {
		margin-right: 14px;
		margin-top: 14px
	}

	.new-product-list ul {
		margin-right: -14px;
		margin-top: -14px
	}

	.new-product-list li .image {
		height: 180px
	}

	.new-product-list li .name {
		font-size: 16px;
		line-height: 20px;
		height: 20px
	}

	.new-product-list li .btn a {
		font-size: 15px;
		padding: 0 12px;
		height: 36px;
		line-height: 34px;
		margin-right: 10px
	}

	.new-product-list li .btn {
		margin-top: 16px
	}

	.new-product-list li .text {
		padding: 0 15px 16px
	}

	.tech .article {
		width: 340px;
		margin-right: 28px
	}

	.article-list li p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.article-list li {
		margin-top: 18px
	}

	.article-list li .tag {
		font-size: 14px;
		margin-top: 14px;
		line-height: 26px
	}

	.article-list li .image {
		width: 141px;
		margin-right: 15px
	}

	.article-list li .tag i {
		margin-top: 8px
	}

	.tech .programme {
		width: 668px;
		margin-right: 28px
	}

	.programme-top p {
		font-size: 20px;
		line-height: 20px;
		height: 22px
	}

	.programme-top .content {
		font-size: 14px;
		line-height: 21px;
		height: 42px;
		margin-top: 16px
	}

	.programme-top {
		margin-top: 16px;
		padding: 20px 18px 14px
	}

	.programme-list li {
		margin-top: 19px;
		font-size: 15px;
		line-height: 15px;
		height: 17px
	}

	.programme-list {
		padding: 0 12px
	}

	.data ul li .ext {
		margin-right: 10px
	}

	.data ul li p {
		font-size: 15px;
		height: 17px;
		line-height: 17px
	}

	.data ul li span i {
		margin-right: 4px;
		margin-top: 2px
	}

	.data ul li {
		margin-top: 15px
	}

	.mt30 {
		margin-top: 25px
	}

	.recommend-pro-box .left {
		width: 1035px;
		margin-right: 26px
	}

	.yiqi-tab a i {
		font-size: 24px;
		height: 24px;
		line-height: 24px
	}

	.yiqi-tab a span {
		margin-top: 6px;
		font-size: 16px;
		height: 18px;
		line-height: 18px
	}

	.pro-bot .big-pro {
		width: 340px
	}

	.pro-bot .pro-list li {
		height: 259px;
		padding: 0 20px
	}

	.pro-bot .pro-list .image {
		height: 160px
	}

	.pro-bot .pro-list .text p {
		margin-top: 10px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.pro-bot .pro-list li:hover .image {
		height: 134px
	}

	.pro-bot .pro-list .text .btn button {
		height: 32px;
		line-height: 30px;
		border-radius: 18px;
		padding: 0 24px;
		font-size: 14px
	}

	.offer-bot .offer-list li {
		font-size: 15px;
		padding-right: 126px;
		line-height: 22px;
		height: 22px;
		margin-top: 17px
	}

	.offer-ewm {
		margin-top: 17px
	}

	.small-ewm,
	.big-ewm {
		padding: 16px 15px 12px
	}

	.offer-ewm p {
		font-size: 18px
	}

	.offer-ewm .btn a {
		font-size: 13px;
		padding: 0 12px;
		height: 30px;
		line-height: 28px
	}

	.offer-ewm .btn a i {
		font-size: 13px;
		margin-top: 2px
	}

	.small-ewm .image {
		width: 64px;
		right: 32px;
		bottom: -1px
	}

	.big-ewm .content {
		font-size: 15px;
		line-height: 25px;
		margin-top: 12px
	}

	.offer-ewm .btn {
		margin-top: 12px
	}

	.big-ewm .image {
		width: 122px;
		right: 22px;
		top: 57px
	}

	.interview-box .people {
		width: 1036px;
		margin-right: 25px
	}

	.people-img {
		width: 414px;
		margin-right: 26px
	}

	.people-txt li .hover-box .name b {
		font-size: 22px
	}

	.people-txt li .hover-box .name i {
		width: 5px;
		height: 18px;
		margin: 4px 12px 0
	}

	.people-txt li .hover-box .name a {
		font-size: 20px
	}

	.people-txt li .hover-box .name {
		line-height: 24px;
		height: 24px
	}

	.people-txt li .hover-box .job mark {
		font-size: 15px;
		line-height: 30px;
		height: 30px;
		padding: 0 18px
	}

	.people-txt li .normal .num {
		width: 60px
	}

	.people-txt li .normal .text p {
		font-size: 17px;
		line-height: 19px;
		height: 19px
	}

	.people-txt li .normal .text .teacher {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
		margin-top: 14px
	}

	.people-txt li .normal {
		margin-top: 44px
	}

	.people-txt li .hover-box {
		margin-top: 26px
	}

	.interview-list li .image {
		margin-right: 14px;
		width: 128px
	}

	.interview-list li p {
		font-size: 15px;
		line-height: 23px;
		height: 46px
	}

	.interview-list li .number {
		margin-top: 10px
	}

	.interview-list li {
		margin-top: 26px
	}

	.exhibition-img {
		width: 414px;
		margin-right: 24px
	}

	.exhi-bot .exhibition-top p {
		font-size: 20px;
		line-height: 22px;
		height: 22px;
		margin-top: 20px
	}

	.exhi-bot .exhibition-top p i {
		font-size: 18px
	}

	.exhibition-txt {
		margin-right: 24px;
		width: 594px
	}

	.exhi-bot .exhibition-top .time {
		margin-top: 15px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.exhibition-list {
		margin-top: 18px;
		padding-top: 18px
	}

	.exhibition-list li .time {
		margin-right: 16px;
		width: 40px;
		padding: 7px 0 10px
	}

	.exhibition-list li .time b {
		font-size: 18px
	}

	.exhibition-list li .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.exhibition-list li .text .city {
		margin-top: 10px
	}

	.exhibition-list li .btn a {
		top: 8px;
		width: 96px;
		height: 36px;
		line-height: 36px
	}

	.exhibition-list li .btn i {
		margin-top: 14px
	}

	.exhibition-list li {
		margin-top: 23px
	}

	.exhibition-video-list {
		margin-top: 14px
	}

	.exhibition-video-list .number {
		margin-top: 10px
	}

	.exhibition-video-list p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.exhibition-video-list .image mark {
		top: 10px;
		right: 10px;
		line-height: 30px;
		height: 30px;
		padding: 0 8px;
		font-size: 14px
	}

	.exhibition-video-list li {
		margin-top: 17px
	}

	.exhibition-video-list .focus+li,
	.exhibition-video-list li:last-child.focus {
		padding-top: 17px
	}

	.gold-company {
		padding: 32px 0 24px
	}

	.gold-company-list li .image {
		height: 96px
	}

	.gold-company-list li .txt b {
		font-size: 15px;
		padding: 0 10px
	}

	.gold-company-list li .item {
		margin-right: 12px;
		margin-top: 12px;
		padding: 0 0 12px
	}

	.gold-company-list li .txt {
		margin: 0 24px
	}

	.gold-company-list ul {
		margin-right: -12px;
		margin-top: -12px
	}

	.gold-company-list .hover-box {
		height: 72px;
		top: -77px
	}

	.gold-company-list li:nth-child(n+7) .hover-box {
		bottom: -90px
	}

	.corporate-tab p a {
		font-size: 22px
	}

	.corporate-tab p a span {
		margin-right: 12px;
		line-height: 54px;
		height: 54px;
		margin-top: 16px
	}

	.corporate-tab p {
		margin-right: -12px
	}

	.corporate-tab p a.focus span {
		height: 70px;
		line-height: 70px
	}

	.corporate-tab p span::before,
	.corporate-tab p span::after {
		width: 23px;
		height: 18px;
		margin-top: 27px
	}

	.corporate-tab p span b {
		margin: 0 10px
	}

	.corporate-list {
		padding: 0 7px
	}

	.corporate-list li {
		padding-left: 20px;
		height: 60px;
		line-height: 60px;
		font-size: 15px
	}

	.corporate-list li .vip {
		margin-top: 19px
	}

	.friend-bot li {
		margin-top: 12px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.hot-line {
		width: 293px;
		margin-left: 120px
	}

	.couplet-adv.left {
		left: 10px
	}

	.couplet-adv.right {
		right: 10px
	}

	.Job {
		height: 100px;
		margin-top: 24px
	}

	.Job-swiper {
		margin: 25px 60px 25px 60px
	}

	.Job-swiper ul li .Icon {
		width: 34px;
		height: 34px;
		left: 16px
	}

	.Job-swiper ul li .Title {
		left: 64px;
		font-size: 16px;
		max-width: 105px
	}

	.Job-swiper ul li .Salary {
		right: 20px;
		font-size: 15px;
		max-width: 115px
	}

	.Job-swiper ul li .Company {
		left: 64px;
		max-width: 200px
	}

	.Job-swiper ul li .City {
		right: 20px
	}

	.Lista a {
		width: 112px
	}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
	.w {
		width: 1280px
	}

	.course .new-active .title .more {
		font-size: 13px;
		padding: 0 8px;
		height: 26px;
		line-height: 23px;
		top: -2px
	}

	.course .new-active .title .more i {
		font-size: 8px;
		margin-top: 1px
	}

	.hot-key a {
		margin-left: 12px
	}

	.class-a i.small-size {
		font-size: 14px;
		margin-top: 16px
	}

	.right-classify.active .left-box {
		width: 200px
	}

	.webiframe,
	.webinar-top-image {
		height: 368px
	}

	.video-two-swiper .swiper-button-next,
	.video-two-swiper .swiper-button-prev {
		top: 114px
	}

	.video-one-swiper .swiper-button-next,
	.video-one-swiper .swiper-button-prev {
		top: 160px
	}

	.video-one .video-left {
		width: 677px;
		margin-right: 16px
	}

	.video-one .video-left .text p {
		line-height: 54px;
		height: 54px;
		font-size: 17px
	}

	.video-one .video-right li .gradual strong {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.video-one .video-right li .gradual {
		height: 90px
	}

	.video-one .video-right li {
		margin-top: 16px
	}

	.video-two .video-left {
		width: 564px;
		margin-right: 16px
	}

	.video-two .video-left .text {
		padding: 18px 18px
	}

	.video-two .video-left .text {
		padding: 22px 18px
	}

	.video-two .video-left .text p {
		font-size: 21px;
		line-height: 23px;
		height: 23px
	}

	.video-two .video-left .text .data {
		margin-top: 21px;
		line-height: 28px
	}

	.video-two-swiper .swiper-pagination-fraction {
		bottom: 24px;
		right: 18px;
		font-size: 17px
	}

	.video-two-swiper .swiper-pagination-current {
		font-size: 26px
	}

	.video-two mark {
		line-height: 28px;
		height: 28px;
		font-size: 13px;
		margin-right: 15px
	}

	.video-two mark i {
		width: 14px;
		height: 14px;
		margin-top: 7px
	}

	.video-two .video-left .text .data span {
		font-size: 12px
	}

	.video-two .video-left .text .data span i {
		font-size: 13px;
		margin-top: 2px
	}

	.video-two .video-right li .image {
		width: 188px
	}

	.video-two .video-right li {
		margin-top: 16px
	}

	.video-two .video-right li .image {
		width: 172px
	}

	.video-two .video-right li .text {
		padding: 15px 15px 0
	}

	.video-two .video-right li .text p {
		font-size: 14px;
		line-height: 20px;
		height: 40px
	}

	.video-two .video-right li .text .time {
		margin-top: 12px;
		font-size: 12px
	}

	.video-two .video-right li .text .time i {
		font-size: 12px;
		margin-top: 1px;
		margin-right: 4px
	}

	.new-pro-adv .image {
		padding-bottom: 47.5%
	}

	.data-book .book-img {
		height: 157px;
		text-indent: 36px
	}

	.gotoTop {
		right: 20px
	}

	.top {
		margin: 22px auto 0
	}

	.top .logo {
		width: 238px
	}

	.search {
		width: calc(100% - 238px)
	}

	.search .form {
		width: 588px;
		height: 50px;
		margin-left: 68px;
		margin-top: 14px
	}

	.search .form .select .select-top p {
		line-height: 48px;
		font-size: 15px
	}

	.search .form button {
		width: 114px;
		font-size: 17px
	}

	.search .form button i {
		font-size: 17px
	}

	.search .form .select .select-top i {
		margin-top: 22px
	}

	.search .form input {
		width: 394px;
		font-size: 15px
	}

	.report-list li {
		margin-top: 20px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.report-list li .time {
		font-size: 12px
	}

	.report-list li i {
		margin-top: 6px
	}

	.top-adv {
		width: 328px;
		margin-top: 5px;
		height: 59px
	}

	.top-adv .Advs {
		width: 380px
	}

	.hot-key {
		margin-top: 20px
	}

	.hot-key a,
	.hot-key b {
		font-size: 12px
	}

	.hot-key i {
		font-size: 13px
	}

	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.nav .menu ul li b a,
	.nav .menu ul li .menu-top a {
		height: 52px;
		font-size: 17px;
		line-height: 52px;
		padding: 0 28px
	}

	.nav .menu ul li .menu-top a i {
		margin: 21px 0 0 8px
	}

	.nav-bot .item span b i {
		width: 19px;
		height: 23px
	}

	.nav-bot .item span b {
		font-size: 21px
	}

	.nav-bot .item span a {
		font-size: 14px;
		margin-left: 12px
	}

	.nav-bot .item span:nth-child(2) b i {
		margin-left: 32px
	}

	.nav-bot .item {
		height: 48px
	}

	.mt22 {
		margin-top: 15px
	}

	.threew li:first-child .adv-item,
	.threew li:nth-child(3) .adv-item {
		width: 312px
	}

	.threew li:nth-child(2) .adv-item {
		width: 624px
	}

	.banner-adv ul li .adv-item {
		margin: 0 8px 0 8px
	}

	.banner-adv ul {
		width: calc(100% + 16px);
		margin: 0 0 0 -8px
	}

	.product-classify {
		width: 280px
	}

	.product-classify .title p {
		line-height: 28px;
		font-size: 23px
	}

	.class-a {
		line-height: 43px;
		height: 43px
	}

	.class-a p {
		font-size: 15px
	}

	.class-a i {
		font-size: 21px;
		margin: 12px 10px 0 28px
	}

	.right-classify {
		width: 1000px
	}

	.class-txt .item {
		padding: 24px 0;
		padding-left: 28px
	}

	.product-classify.active .class-txt .item:nth-child(2) {
		padding-top: 24px
	}

	.class-txt .item .class-c {
		height: 22px;
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 16px
	}

	.class-txt .item .class-c span {
		right: 31px;
		border-radius: 13px;
		padding: 0 4px 0 12px;
		font-size: 12px
	}

	.class-txt .item .class-c span img {
		top: 0;
		left: -5px;
		width: 22px
	}

	.class-txt .item .class-c span a {
		margin: 0 4px
	}

	.class-txt .item .class-c a.more {
		font-size: 12px
	}

	.class-txt .item p {
		margin: 0 -5px
	}

	.class-txt .item p a {
		font-size: 13px;
		line-height: 22px;
		margin: 0 5px
	}

	.class-adv {
		padding: 24px 26px 0 26px;
		width: 282px
	}

	.class-adv .item {
		padding: 9px
	}

	.class-adv .item p,
	.class-adv .item span {
		height: 28px;
		line-height: 28px
	}

	.class-adv .item p {
		font-size: 14px;
		margin-top: 8px
	}

	.class-adv .item span {
		font-size: 12px
	}

	.main .news {
		margin: 0 24px;
		width: 626px
	}

	.public-tab p a {
		font-size: 19px;
		height: 52px;
		line-height: 52px
	}

	.public-tab p b mark {
		height: 30px;
		line-height: 28px;
		padding: 0 12px
	}

	.news-top {
		padding: 18px 0 16px 0
	}

	.news-top span {
		height: 30px;
		line-height: 30px;
		font-size: 20px
	}

	.today .news-top span {
		font-size: 22px
	}

	.news-top span i {
		width: 54px;
		height: 31px;
		margin-top: 2px
	}

	.news-top p {
		font-size: 14px;
		line-height: 16px;
		max-height: 16px;
		margin-top: 12px
	}

	.news-bot.today .image {
		width: 202px;
		margin-left: 16px
	}

	.news-bot.today .image span {
		font-size: 14px
	}

	.news-bot.today .image span strong {
		height: 18px;
		line-height: 18px
	}

	.news-bot.today .image a:hover span strong {
		height: 36px
	}

	.news-3 ul li:first-child {
		font-size: 18px;
		line-height: 20px;
		height: 20px;
		margin-top: 4px
	}

	.news-3 ul li {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
		margin-top: 17px
	}

	.news-3 ul li .time {
		font-size: 13px
	}

	.hot-search,
	.news-3 .box {
		margin-top: 14px
	}

	.hot-search .title span {
		font-size: 21px;
		padding: 0 38px 0 18px;
		height: 36px;
		line-height: 40px
	}

	.hot-search .left li {
		line-height: 28px;
		height: 28px;
		margin-top: 14px;
		font-size: 15px
	}

	.hot-search .left li span {
		font-size: 13px;
		padding: 0 10px
	}

	.hot-search .left li a {
		max-width: calc(100% - 94px)
	}

	.hot-search .left ul {
		padding: 14px 12px 14px 0
	}

	.news-bot .news-list li {
		margin-top: 20px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.news-bot.shangji .news-list li {
		margin-top: 18px
	}

	.news-bot .big-special .text p {
		font-size: 17px
	}

	.news-bot .big-special .text .go {
		padding: 0 18px 0 10px;
		font-size: 23px
	}

	.news-bot .special-box .image strong {
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.news-bot .big-special .text .go i {
		margin-left: 6px;
		font-size: 14px
	}

	.news-bot .big-special .text .go::after {
		border-width: 0 0 54px 26px;
		left: -26px
	}

	.news-bot .big-special .text {
		height: 54px;
		line-height: 54px;
		padding: 0 14px;
		padding-right: 164px
	}

	.news-bot .special-box ul {
		margin-right: -16px
	}

	.news-bot .special-box .item {
		margin-right: 16px
	}

	.news-bot .special-box {
		margin-top: 22px
	}

	.adv-4 .big {
		height: 212px
	}

	.slidelist {
		height: 80px;
		margin: 0 7px
	}

	.slidelist ul li {
		width: 72px
	}

	.slidelist span {
		width: 72px;
		height: 55px;
		top: 11px
	}

	.adv-3 li .image {
		width: 73px
	}

	.adv-3 li {
		margin-top: 10px;
		padding: 7px 20px
	}

	.adv-3 li .text p {
		margin-top: 14px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.adv-3 li .text span {
		margin-top: 12px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.adv-3 li .text p i {
		font-size: 13px;
		margin-top: 1px
	}

	.banner-adv-4 ul li .item {
		margin-right: 12px;
		padding: 20px 24px
	}

	.banner-adv-4 ul li .item .image {
		height: 60px
	}

	.banner-adv-4 ul li .item .text {
		margin-top: 16px
	}

	.banner-adv-4 ul li .item p a {
		height: 15px;
		line-height: 15px;
		font-size: 13px
	}

	.banner-adv-4 ul li .item p {
		margin-top: 10px
	}

	.fix-navigation .search .form {
		margin-left: 110px
	}

	.course .left {
		width: 328px;
		margin-right: 21px
	}

	.course .new-active,
	.course .adv-2 {
		padding: 12px 6px 6px
	}

	.course .new-active .title span {
		font-size: 19px;
		margin: 0 10px
	}

	.course .new-active .title>i {
		width: 9px;
		height: 16px;
		margin-top: 4px
	}

	.new-active-box {
		margin-top: 14px;
		border-radius: 4px 4px 0 0;
		padding: 16px 16px
	}

	.new-active-box li {
		margin-top: 13px;
		font-size: 14px;
		line-height: 19px;
		height: 19px
	}

	.new-active-box li span {
		font-size: 16px;
		margin-right: 14px
	}

	.course .adv-logo .image {
		width: 82px;
		margin-right: 10px
	}

	.course .adv-logo .text p {
		margin-top: 10px;
		font-size: 20px;
		height: 22px;
		line-height: 22px
	}

	.course .adv-logo .text .tag {
		margin-top: 18px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.course .adv-logo .text .tag i {
		font-size: 14px;
		margin-right: 3px;
		margin-top: 1px
	}

	.course .adv-content {
		padding: 48px 10px 10px;
		margin-top: -40px
	}

	.course .adv-content p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.course .adv-content .adv-img {
		margin-top: 8px
	}

	.course-bot {
		margin-top: 20px
	}

	.course-left {
		width: 592px;
		margin-right: 20px
	}

	.course-left .image {
		height: 333px
	}

	.course .public-tab a {
		padding: 0 38px
	}

	.course-left .image .play {
		width: 75px;
		height: 75px
	}

	.course-left .text p {
		margin-top: 26px;
		font-size: 23px;
		line-height: 25px;
		height: 25px
	}

	.course-left .text .bottom {
		margin-top: 25px;
		line-height: 30px;
		height: 30px;
		margin-bottom: 10px
	}

	.course-left .text .bottom mark {
		padding: 0 14px 0 6px;
		font-size: 16px
	}

	.course-bot .yiqi {
		height: 445px
	}

	.course-right ul li p a {
		font-size: 15px
	}

	.course-right ul li.focus p a {
		font-size: 18px;
		line-height: 28px;
		max-height: 56px
	}

	.course-bot .live-list .item {
		margin-right: 18px;
		margin-top: 24px
	}

	.course-bot .live-list ul {
		margin-right: -18px;
		margin-top: -24px
	}

	.course-bot .live-list .image .mask i {
		font-size: 52px
	}

	.course-bot .live-list .text p {
		line-height: 23px;
		height: 46px;
		font-size: 15px;
		margin-top: 10px
	}

	.course-bot .live-list .text .company {
		margin-top: 12px
	}

	.course-right ul li {
		padding: 0 20px
	}

	.customer-intro {
		margin-right: 26px;
		width: 568px
	}

	.customer-intro .text .title {
		margin-top: 20px;
		font-size: 21px;
		line-height: 23px;
		height: 23px
	}

	.customer-intro .text .content {
		margin-top: 16px;
		font-size: 13px;
		line-height: 22px;
		max-height: 130px
	}

	.customer-news-list li {
		margin-top: 15px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.customer-intro-list li i {
		width: 22px;
		height: 22px
	}

	.customer-intro-list li {
		font-size: 15px;
		line-height: 22px;
		height: 22px;
		margin-top: 8px
	}

	.web .customer-news-list li {
		margin-top: 12px
	}

	.customer-news .bottom-adv-img {
		margin-top: 12px
	}

	.mt35 {
		margin-top: 30px
	}

	.webinar {
		padding: 35px 0
	}

	.public-title {
		font-size: 32px
	}

	.mt40 {
		margin-top: 32px
	}

	.webinar-box .left {
		width: 948px;
		margin-right: 30px
	}

	.webinar-top-image {
		width: 654px;
		margin-right: 12px
	}

	.webinar-box .right .list li .image i {
		font-size: 44px
	}

	.webinar-box .left .webinar-list li .item {
		margin-right: 14px;
		margin-top: 14px
	}

	.webinar-box .left .webinar-list ul {
		margin-right: -14px
	}

	.webinar-box .left .webinar-list .text p b {
		font-size: 16px;
		margin-right: 6px
	}

	.webinar-box .left .webinar-list .text p {
		margin-top: 8px;
		line-height: 30px;
		height: 30px;
		padding-right: 84px;
		font-size: 13px
	}

	.webinar-box .left .webinar-list .text p .btn {
		padding: 0 14px;
		line-height: 28px;
		font-size: 13px
	}

	.webinar-box .right .list li .image mark {
		height: 30px;
		line-height: 30px;
		font-size: 14px
	}

	.webinar-box .right .list li p {
		font-size: 15px;
		line-height: 20px;
		height: 20px
	}

	.webinar-box .right .list li p a i {
		width: 20px;
		height: 20px
	}

	.webinar-box .right .list li {
		margin-top: 20px
	}

	.new-product-list li .item {
		margin-right: 14px;
		margin-top: 14px
	}

	.new-product-list ul {
		margin-right: -14px;
		margin-top: -14px
	}

	.new-product-list li .image {
		height: 168px
	}

	.new-product-list li .name {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.new-product-list li .content {
		margin-top: 14px;
		font-size: 13px
	}

	.new-product-list li .btn a {
		font-size: 15px;
		padding: 0 9px;
		height: 34px;
		line-height: 32px;
		margin-right: 8px
	}

	.new-product-list li .btn {
		margin-top: 14px
	}

	.new-product-list li .text {
		padding: 0 12px 14px
	}

	.tech .article {
		width: 328px;
		margin-right: 24px
	}

	.tech .title p {
		font-size: 21px;
		line-height: 24px
	}

	.tech .title p i {
		width: 25px;
		height: 27px
	}

	.tech .title .more {
		top: 8px;
		font-size: 13px
	}

	.article-list {
		margin-top: 15px
	}

	.article-list li p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.article-list li {
		margin-top: 17px
	}

	.article-list li .tag {
		font-size: 14px;
		margin-top: 14px;
		line-height: 26px
	}

	.article-list li .image {
		width: 136px;
		margin-right: 13px
	}

	.article-list li.img-txt .text p {
		line-height: 23px;
		height: 46px
	}

	.article-list li .tag i {
		margin-top: 8px;
		margin-right: 4px
	}

	.tech .title-nav a {
		font-size: 15px;
		padding: 0 15px
	}

	.tech .programme {
		width: 578px;
		margin-right: 24px
	}

	.programme-top p {
		font-size: 19px;
		line-height: 19px;
		height: 21px
	}

	.programme-top .content {
		font-size: 14px;
		line-height: 21px;
		height: 42px;
		margin-top: 16px
	}

	.programme-top {
		margin-top: 16px;
		padding: 20px 16px 14px
	}

	.programme-list li {
		margin-top: 18px;
		font-size: 15px;
		line-height: 15px;
		height: 17px
	}

	.programme-list {
		padding: 0 12px
	}

	.data ul li .ext {
		margin-right: 10px
	}

	.data ul li p {
		font-size: 15px;
		height: 17px;
		line-height: 17px
	}

	.data ul li span i {
		margin-right: 4px;
		margin-top: 2px
	}

	.data ul li {
		margin-top: 15px
	}

	.mt30 {
		margin-top: 25px
	}

	.recommend-pro-box .left {
		width: 930px;
		margin-right: 24px
	}

	.yiqi-tab a i {
		font-size: 22px;
		height: 22px;
		line-height: 22px
	}

	.yiqi-tab a span {
		margin-top: 6px;
		font-size: 15px;
		height: 17px;
		line-height: 17px
	}

	.pro-bot .big-pro {
		width: 293px
	}

	.pro-bot {
		margin-top: 12px
	}

	.pro-bot .pro-list li {
		height: 222px;
		padding: 0 14px
	}

	.pro-bot .pro-list .image {
		height: 140px
	}

	.pro-bot .pro-list .text p {
		margin-top: 7px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.pro-bot .pro-list li:hover .image {
		height: 116px
	}

	.offer-bot .offer-list li .right {
		font-size: 13px
	}

	.offer-bot .offer-list li .right mark {
		padding: 0 5px;
		margin-right: 7px
	}

	.pro-bot .pro-list .text .btn button {
		height: 30px;
		line-height: 28px;
		border-radius: 18px;
		padding: 0 22px;
		font-size: 13px
	}

	.pro-bot .pro-list .text .btn {
		margin-top: 14px
	}

	.pro-bot .pro-list .text .type {
		margin-top: 10px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.offer-bot .offer-list li {
		font-size: 14px;
		padding-right: 126px;
		line-height: 20px;
		height: 20px;
		margin-top: 13px
	}

	.offer-ewm {
		margin-top: 11px
	}

	.small-ewm,
	.big-ewm {
		padding: 14px 14px 12px
	}

	.offer-ewm p {
		font-size: 17px
	}

	.offer-ewm .btn a {
		font-size: 13px;
		padding: 0 12px;
		height: 30px;
		line-height: 28px
	}

	.offer-ewm .btn a i {
		font-size: 13px;
		margin-top: 2px
	}

	.small-ewm .image {
		width: 62px;
		right: 31px;
		bottom: -1px
	}

	.big-ewm .content {
		font-size: 15px;
		line-height: 25px;
		margin-top: 12px
	}

	.offer-ewm .btn {
		margin-top: 12px
	}

	.big-ewm .image {
		width: 118px;
		right: 21px;
		top: 55px
	}

	.interview-box .people {
		width: 930px;
		margin-right: 22px
	}

	.interview-box .title p {
		font-size: 21px
	}

	.interview-box .title i {
		width: 29px;
		height: 29px;
		margin-top: 1px
	}

	.interview-box .title .more {
		font-size: 13px
	}

	.people-img {
		width: 400px;
		margin-right: 22px
	}

	.people-txt li .hover-box .name b {
		font-size: 21px
	}

	.people-txt li .hover-box .name i {
		width: 4px;
		height: 17px;
		margin: 6px 8px 0
	}

	.people-txt li .hover-box .name a {
		font-size: 19px
	}

	.people-txt li .hover-box .name {
		line-height: 24px;
		height: 24px
	}

	.people-txt li .hover-box .job mark {
		font-size: 14px;
		line-height: 29px;
		height: 29px;
		padding: 0 16px
	}

	.people-txt li .hover-box .job {
		margin-top: 16px
	}

	.people-txt li .hover-box .content {
		margin-top: 14px;
		font-size: 15px;
		line-height: 22px;
		height: 44px
	}

	.people-txt li .normal .num {
		width: 59px
	}

	.people-txt li .normal .text p {
		font-size: 16px;
		line-height: 18px;
		height: 18px
	}

	.people-txt li .normal .text .teacher {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
		margin-top: 11px
	}

	.people-txt li .normal {
		margin-top: 48px
	}

	.people-txt li .hover-box {
		margin-top: 26px;
		padding: 22px 22px 18px
	}

	.interview-list li .image {
		margin-right: 14px;
		width: 124px
	}

	.interview-list li p {
		font-size: 15px;
		line-height: 22px;
		height: 44px
	}

	.interview-list li .number {
		margin-top: 10px
	}

	.interview-list li {
		margin-top: 25px
	}

	.exhibition-img {
		width: 400px;
		margin-right: 24px
	}

	.exhi-bot .exhibition-top p {
		font-size: 19px;
		line-height: 21px;
		height: 21px;
		margin-top: 18px
	}

	.exhi-bot .exhibition-top p i {
		font-size: 17px
	}

	.exhibition-txt {
		margin-right: 24px;
		width: 507px
	}

	.exhi-bot .exhibition-top .time {
		margin-top: 14px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.exhibition-list {
		margin-top: 14px;
		padding-top: 14px
	}

	.exhibition-list li .time {
		margin-right: 12px;
		width: 40px;
		padding: 7px 0 10px
	}

	.exhibition-list li .time b {
		font-size: 18px
	}

	.exhibition-list li .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.exhibition-list li .text .city {
		margin-top: 10px
	}

	.exhibition-list li .btn a {
		top: 8px;
		width: 88px;
		height: 34px;
		line-height: 34px
	}

	.exhibition-list li .btn i {
		margin-top: 13px
	}

	.exhibition-video-list .image mark i {
		margin-top: 8px
	}

	.exhibition-list li {
		margin-top: 22px
	}

	.exhibition-video-list {
		margin-top: 14px
	}

	.exhibition-video-list .number {
		margin-top: 10px
	}

	.exhibition-video-list p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.exhibition-video-list .image mark {
		top: 10px;
		right: 10px;
		line-height: 30px;
		height: 30px;
		padding: 0 8px;
		font-size: 14px
	}

	.exhibition-video-list li {
		margin-top: 15px
	}

	.exhibition-video-list .focus+li,
	.exhibition-video-list li:last-child.focus {
		padding-top: 17px
	}

	.gold-company {
		padding: 30px 0 18px
	}

	.gold-company-list li .image {
		height: 94px
	}

	.gold-company-list li .txt b {
		font-size: 14px;
		padding: 0 8px
	}

	.gold-company-list li .item {
		margin-right: 12px;
		margin-top: 12px;
		padding: 0 0 12px
	}

	.gold-company-list li .txt {
		margin: 0 24px
	}

	.gold-company-list ul {
		margin-right: -12px;
		margin-top: -12px
	}

	.gold-company-list .hover-box {
		height: 66px;
		top: -72px
	}

	.gold-company-list li:nth-child(n+7) .hover-box {
		bottom: -84px
	}

	.corporate-tab p a {
		font-size: 22px
	}

	.corporate-tab p a span {
		margin-right: 12px;
		line-height: 52px;
		height: 52px;
		margin-top: 16px
	}

	.corporate-tab p {
		margin-right: -12px
	}

	.corporate-tab p a.focus span {
		height: 68px;
		line-height: 68px
	}

	.corporate-tab p span::before,
	.corporate-tab p span::after {
		width: 23px;
		height: 18px;
		margin-top: 27px
	}

	.corporate-tab p span b {
		margin: 0 10px
	}

	.corporate-list {
		padding: 0 7px
	}

	.corporate-list li {
		padding-left: 15px;
		height: 60px;
		line-height: 60px;
		font-size: 15px
	}

	.corporate-list li .vip {
		margin-top: 19px
	}

	.friend-bot li {
		margin-top: 12px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.Lista a {
		width: 106px;
		font-size: 14px;
		margin-right: 10px
	}

	.foot-nav {
		width: 540px
	}

	.foot-img li {
		width: 78px;
		height: 31px;
		margin-right: 7px
	}

	.foot-img li a {
		height: 31px
	}

	.hot-line {
		width: 270px;
		margin-left: 85px
	}

	.qr-code li {
		padding: 0 0 0 30px
	}

	.interview--hot ul li {
		margin-top: 25px
	}

	.qr-code li span {
		width: 136px;
		height: 136px
	}

	.qr-code h2 {
		padding-left: 30px
	}

	.couplet-adv.left {
		left: 10px
	}

	.couplet-adv.right {
		right: 10px
	}

	.Job {
		height: 90px;
		margin-top: 20px
	}

	.Job-swiper {
		margin: 20px 55px 20px 55px
	}

	.Job-swiper ul li .Icon {
		width: 30px;
		height: 30px;
		left: 14px
	}

	.Job-swiper ul li .Title {
		left: 54px;
		font-size: 14px;
		max-width: 105px
	}

	.Job-swiper ul li .Salary {
		right: 16px;
		font-size: 12px;
		max-width: 115px
	}

	.Job-swiper ul li .Company {
		left: 54px;
		font-size: 12px;
		max-width: 160px
	}

	.Job-swiper ul li .City {
		right: 16px;
		font-size: 12px
	}

	.Job .more {
		border-radius: 11px;
		width: 22px;
		padding: 10px 0
	}

	.Job .more a {
		font-size: 12px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.w {
		width: 1138px
	}

	.course .new-active .title .more {
		font-size: 13px;
		padding: 0 8px;
		height: 26px;
		line-height: 23px;
		top: -3px
	}

	.course .new-active .title .more i {
		font-size: 8px;
		margin-top: 1px
	}

	.right-classify .left-box .label {
		font-size: 13px;
		padding: 24px 0 8px 22px
	}

	.class-a i.small-size {
		font-size: 13px;
		margin-top: 15px
	}

	.product-classify.active .right-classify .left-box {
		width: 200px
	}

	.webiframe,
	.webinar-top-image {
		height: 326px
	}

	.video-two-swiper .swiper-button-next,
	.video-two-swiper .swiper-button-prev {
		top: 114px;
		width: 36px;
		height: 60px;
		background-size: 14px 26px
	}

	.video-one-swiper .swiper-button-next,
	.video-one-swiper .swiper-button-prev {
		top: 160px;
		width: 36px;
		height: 60px;
		background-size: 14px 26px
	}

	.video-one .video-left {
		width: 604px;
		margin-right: 14px
	}

	.video-one .video-left .text p {
		line-height: 44px;
		height: 44px;
		font-size: 14px
	}

	.video-one-swiper .swiper-pagination-fraction {
		bottom: 12px;
		right: 19px;
		font-size: 17px
	}

	.video-one-swiper .swiper-pagination-current {
		font-size: 23px
	}

	.video-one mark {
		line-height: 28px;
		height: 28px;
		padding: 0 8px;
		font-size: 12px;
		min-width: 48px;
		right: 10px;
		top: 10px
	}

	.video-one mark i {
		width: 14px;
		height: 14px;
		margin-top: 8px
	}

	.video-one .video-right li .image mark {
		line-height: 24px;
		height: 24px
	}

	.video-one .video-left .image .play i {
		font-size: 60px
	}

	.video-one .video-right li .gradual strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.video-one .video-right li .gradual {
		height: 72px
	}

	.video-one .video-right li {
		margin-top: 14px
	}

	.video-two .video-left {
		width: 500px;
		margin-right: 14px
	}

	.video-two .video-left .image .play i {
		font-size: 60px
	}

	.video-two .video-left .text {
		padding: 18px 18px
	}

	.video-two .video-left .text {
		padding: 20px 18px
	}

	.video-two .video-left .text p {
		font-size: 19px;
		line-height: 21px;
		height: 21px
	}

	.video-two .video-left .text .data {
		margin-top: 20px;
		line-height: 24px
	}

	.video-two-swiper .swiper-pagination-fraction {
		bottom: 24px;
		right: 18px;
		font-size: 16px
	}

	.video-two-swiper .swiper-pagination-current {
		font-size: 24px
	}

	.video-two mark {
		line-height: 24px;
		height: 24px;
		font-size: 12px;
		margin-right: 12px;
		padding: 0 7px;
		min-width: 44px
	}

	.video-two .video-right mark {
		height: 24px;
		line-height: 22px
	}

	.video-two mark i {
		width: 14px;
		height: 14px;
		margin-top: 6px
	}

	.video-two .video-left .text .data span {
		font-size: 12px
	}

	.video-two .video-left .text .data span i {
		font-size: 13px;
		margin-top: 2px
	}

	.video-two .video-right li .image {
		width: 188px
	}

	.video-two .video-right li {
		margin-top: 14px
	}

	.video-two .video-right li .image {
		width: 154px
	}

	.video-two .video-right li .text {
		padding: 12px 12px 0
	}

	.video-two .video-right li .text p {
		font-size: 13px;
		line-height: 18px;
		height: 36px
	}

	.video-two .video-right li .text .time {
		margin-top: 12px;
		font-size: 12px
	}

	.video-two .video-right li .text .time i {
		font-size: 12px;
		margin-top: 1px;
		margin-right: 4px
	}

	.new-pro-adv .image {
		padding-bottom: 48.5%
	}

	.couplet-adv.bottom {
		bottom: 80px
	}

	.couplet-adv.top {
		top: 100px
	}

	.couplet-adv .image {
		width: 50px
	}

	.couplet-adv .big-image {
		width: 84px
	}

	.top {
		margin: 16px auto 0
	}

	.top .logo {
		width: 220px;
		margin-top: 3px
	}

	.search {
		width: calc(100% - 220px)
	}

	.search .form {
		width: 532px;
		height: 44px;
		margin-left: 26px;
		margin-top: 19px
	}

	.search .form .select .select-top p {
		line-height: 40px;
		font-size: 14px
	}

	.search .form button {
		width: 98px;
		font-size: 16px
	}

	.iframeTop {
		margin-top: -3px
	}

	.fix-navigation .item .logo {
		width: 140px
	}

	.fix-navigation .search .form {
		height: 36px;
		margin-left: 80px
	}

	.fix-navigation .search .form .select .select-top p {
		line-height: 36px
	}

	.fix-navigation .search .form .select .select-top i {
		margin-top: 17px
	}

	.fix-navigation .search .form button {
		width: 102px;
		height: 32px
	}

	.search .form button i {
		font-size: 16px
	}

	.search .form .select .select-top i {
		margin-top: 18px
	}

	.search .form input {
		width: 354px;
		font-size: 14px
	}

	.top-adv {
		width: 328px;
		margin-top: 5px;
		height: 59px
	}

	.top-adv .Advs {
		width: 356px
	}

	.hot-key {
		margin-top: 16px
	}

	.hot-key a {
		margin-left: 6px
	}

	.hot-key a,
	.hot-key b {
		font-size: 12px
	}

	.hot-key i {
		font-size: 13px
	}

	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.nav .menu ul li b a,
	.nav .menu ul li .menu-top a {
		height: 50px;
		font-size: 16px;
		line-height: 50px;
		padding: 0 23px
	}

	.nav .menu ul li .menu-top a i {
		margin: 21px 0 0 6px;
		font-size: 12px
	}

	.nav-bot .item span b i {
		width: 18px;
		height: 22px
	}

	.nav-bot .item span b {
		font-size: 20px
	}

	.nav-bot .item span a {
		font-size: 14px;
		margin-left: 5px
	}

	.nav-bot .item span:nth-child(2) b i {
		margin-left: 20px
	}

	.nav-bot .item span {
		margin-top: 11px
	}

	.nav-bot {
		height: 46px
	}

	.nav-bot .item {
		height: 48px
	}

	.mt22 {
		margin-top: 15px
	}

	.threew li:first-child .adv-item,
	.threew li:nth-child(3) .adv-item {
		width: 275px
	}

	.threew li:nth-child(2) .adv-item {
		width: 551px
	}

	.banner-adv ul li .adv-item {
		margin: 0 9px 0 9px
	}

	.banner-adv ul {
		width: calc(100% + 18px);
		margin: 0 0 0 -9px
	}

	.product-classify {
		width: 248px
	}

	.product-classify .title {
		padding-top: 20px
	}

	.product-classify .title p {
		line-height: 24px;
		font-size: 20px
	}

	.class-a {
		line-height: 38px;
		height: 38px
	}

	.class-a p {
		font-size: 14px
	}

	.class-a i {
		font-size: 20px;
		margin: 12px 10px 0 24px
	}

	.product-classify ul li:nth-child(12) .class-a i {
		font-size: 16px;
		width: 20px;
		text-align: center
	}

	.right-classify {
		width: 890px
	}

	.class-txt .item {
		padding: 24px 0;
		padding-left: 17px
	}

	.product-classify.active .class-txt .item:nth-child(2) {
		padding-top: 24px
	}

	.class-txt .item .class-c {
		height: 22px;
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 16px
	}

	.class-txt .item .class-c span {
		right: 26px;
		border-radius: 13px;
		padding: 0 4px 0 12px;
		font-size: 12px
	}

	.class-txt .item .class-c span img {
		top: 1px;
		left: -7px;
		width: 19px
	}

	.class-txt .item .class-c span a {
		margin: 0 2px
	}

	.class-txt .item .class-c a.more {
		font-size: 12px
	}

	.class-txt .item p {
		margin: 0 -4px
	}

	.class-txt .item p a {
		font-size: 12px;
		line-height: 20px;
		margin: 0 4px
	}

	.class-adv {
		padding: 24px 22px 0 22px;
		width: 234px
	}

	.class-adv .item {
		padding: 9px
	}

	.class-adv .item p,
	.class-adv .item span {
		height: 28px;
		line-height: 28px
	}

	.class-adv .item p {
		font-size: 14px;
		margin-top: 8px
	}

	.class-adv .item span {
		font-size: 12px;
		line-height: 16px !important;
		max-height: 32px !important
	}

	.main .news {
		margin: 0 18px;
		width: 558px
	}

	.public-tab p a {
		font-size: 18px;
		height: 46px;
		line-height: 46px
	}

	.public-tab p a::after {
		top: 17px;
		height: 15px
	}

	.public-tab p b mark {
		height: 28px;
		line-height: 24px;
		padding: 0 10px
	}

	.news-top {
		padding: 16px 0 14px 0
	}

	.news-top span {
		height: 27px;
		line-height: 27px;
		font-size: 18px
	}

	.today .news-top span {
		font-size: 20px
	}

	.news-top span i {
		width: 47px;
		height: 27px;
		margin-top: 2px
	}

	.news-top p {
		font-size: 12px;
		line-height: 14px;
		max-height: 14px;
		margin-top: 10px
	}

	.news-bot.today .image {
		width: 180px;
		margin-left: 14px
	}

	.news-bot.today .image span {
		font-size: 14px
	}

	.news-bot.today .image span strong {
		height: 18px;
		line-height: 18px
	}

	.news-bot.today .image a:hover span strong {
		height: 36px
	}

	.news-3 ul li:first-child {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
		margin-top: 4px
	}

	.news-3 ul li {
		font-size: 13px;
		line-height: 15px;
		height: 15px;
		margin-top: 16px;
		padding-right: 32px
	}

	.news-3 ul li .time {
		font-size: 12px
	}

	.hot-search,
	.news-3 .box {
		margin-top: 14px
	}

	.hot-search .title span {
		font-size: 19px;
		padding: 0 30px 0 18px;
		height: 32px;
		line-height: 38px
	}

	.hot-search .left .more-box {
		padding-top: 10px;
		font-size: 12px;
		height: 13px
	}

	.hot-search .left li {
		line-height: 25px;
		height: 25px;
		margin-top: 8px;
		font-size: 13px
	}

	.hot-search .left li span {
		font-size: 12px;
		padding: 0 8px
	}

	.hot-search .left li a {
		max-width: calc(100% - 84px)
	}

	.hot-search .left ul {
		padding: 12px 10px 12px 0;
		margin-top: -8px
	}

	.news-bot .news-list li {
		margin-top: 17px;
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.news-bot .news-list li .time {
		font-size: 12px
	}

	.news-bot.shangji .news-list li {
		margin-top: 16px
	}

	.news-bot .big-special .text p {
		font-size: 15px
	}

	.news-bot .big-special .text .go {
		padding: 0 15px 0 7px;
		font-size: 20px
	}

	.news-bot .special-box .image strong {
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.news-bot .big-special .text .go i {
		margin-left: 6px;
		font-size: 14px
	}

	.news-bot .big-special .text .go::after {
		border-width: 0 0 45px 20px;
		left: -20px
	}

	.news-bot .big-special .text {
		height: 45px;
		line-height: 45px;
		padding: 0 14px;
		padding-right: 137px
	}

	.news-bot .special-box ul {
		margin-right: -16px
	}

	.news-bot .special-box .item {
		margin-right: 16px
	}

	.news-bot .special-box {
		margin-top: 16px
	}

	.adv-4 .big {
		height: 193px
	}

	.slidelist {
		height: 70px;
		margin: 0 7px
	}

	.slidelist ul li {
		width: 65px;
		margin-right: 7px
	}

	.slidelist span {
		width: 65px;
		height: 50px;
		top: 9px
	}

	.adv-3 li .image {
		width: 66px
	}

	.adv-3 li {
		margin-top: 8px;
		padding: 5px 18px
	}

	.adv-3 li .text p {
		margin-top: 11px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.adv-3 li .text span {
		margin-top: 12px;
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.adv-3 li .text p i {
		font-size: 13px;
		margin-top: 1px
	}

	.banner-adv-4 ul li .item {
		margin-right: 12px;
		padding: 14px 20px
	}

	.banner-adv-4 ul li .item .image {
		height: 52px
	}

	.banner-adv-4 ul li .item .text {
		margin-top: 16px
	}

	.banner-adv-4 ul li .item p a {
		height: 14px;
		line-height: 14px;
		font-size: 12px
	}

	.banner-adv-4 ul li .item p {
		margin-top: 10px
	}

	.course .left {
		width: 291px;
		margin-right: 18px
	}

	.course .new-active,
	.course .adv-2 {
		padding: 12px 6px 6px
	}

	.course .new-active .title span {
		font-size: 17px;
		margin: 0 8px
	}

	.course .new-active .title>i {
		width: 9px;
		height: 16px;
		margin-top: 3px
	}

	.new-active-box {
		margin-top: 12px;
		border-radius: 4px 4px 0 0;
		padding: 14px 14px
	}

	.new-active-box li {
		margin-top: 11px;
		font-size: 13px;
		line-height: 18px;
		height: 18px
	}

	.new-active-box li span {
		font-size: 15px;
		margin-right: 12px
	}

	.new-active-box li span::after {
		width: 12px;
		height: 12px
	}

	.course .adv-2 .adv-logo {
		padding: 0 10px
	}

	.course .adv-logo .image {
		width: 70px;
		margin-right: 8px
	}

	.course .adv-logo .text p {
		margin-top: 7px;
		font-size: 17px;
		height: 19px;
		line-height: 19px
	}

	.course .adv-logo .text .tag {
		margin-top: 15px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.course .adv-logo .text .tag i {
		font-size: 12px;
		margin-right: 1px;
		margin-top: 1px
	}

	.course .adv-content {
		padding: 40px 10px 10px;
		margin-top: -34px
	}

	.course .adv-content p {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course .adv-content .adv-img {
		margin-top: 8px
	}

	.course-bot {
		margin-top: 16px
	}

	.course-left {
		width: 527px;
		margin-right: 18px
	}

	.course-left .image {
		height: 296px
	}

	.course .public-tab a {
		padding: 0 29px
	}

	.course-left .image .play {
		width: 68px;
		height: 68px
	}

	.course-left .text p {
		margin-top: 22px;
		font-size: 20px;
		line-height: 22px;
		height: 22px
	}

	.course-left .text span {
		font-size: 12px
	}

	.course-left .text .bottom {
		margin-top: 25px;
		line-height: 30px;
		height: 30px;
		margin-bottom: 10px
	}

	.course-left .text .bottom mark {
		padding: 0 12px 0 5px;
		font-size: 14px
	}

	.course-left .text .bottom mark i {
		font-size: 14px
	}

	.course-bot .yiqi {
		height: 404px
	}

	.course-right ul li p a {
		font-size: 13px;
		line-height: 21px;
		max-height: 42px
	}

	.course-right ul li.focus p a {
		font-size: 15px;
		line-height: 24px;
		max-height: 48px
	}

	.course-bot .live-list .item {
		margin-right: 16px;
		margin-top: 24px
	}

	.course-bot .live-list ul {
		margin-right: -16px;
		margin-top: -24px
	}

	.course-bot .live-list .image .mask i {
		font-size: 44px
	}

	.course-bot .live-list .image .video-time {
		right: 8px;
		bottom: 8px;
		font-size: 12px;
		line-height: 20px;
		height: 22px;
		padding: 0 8px
	}

	.course-bot .live-list .text p {
		line-height: 20px;
		height: 40px;
		font-size: 13px;
		margin-top: 8px
	}

	.course-bot .live-list .text p mark {
		margin-right: 4px;
		padding: 0 5px;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		margin-top: 2px
	}

	.course-bot .live-list .text p mark i {
		width: 14px;
		height: 14px
	}

	.course-bot .live-list .text .company {
		margin-top: 12px;
		font-size: 12px
	}

	.course-right ul li {
		padding: 0 16px
	}

	.customer-intro {
		margin-right: 20px;
		width: 505px
	}

	.customer-intro .text .title {
		margin-top: 24px;
		font-size: 19px;
		line-height: 21px;
		height: 21px
	}

	.customer-intro .text .content {
		margin-top: 20px;
		font-size: 12px;
		line-height: 20px;
		max-height: 118px
	}

	.customer-news-list li {
		margin-top: 14px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.customer-intro-list li i {
		width: 22px;
		height: 22px
	}

	.customer-intro-list li {
		font-size: 15px;
		line-height: 22px;
		height: 22px;
		margin-top: 8px
	}

	.web .customer-news-list li {
		margin-top: 12px
	}

	.customer-news .bottom-adv-img {
		margin-top: 12px
	}

	.mt35 {
		margin-top: 24px
	}

	.webinar {
		padding: 26px 0
	}

	.public-title {
		font-size: 29px
	}

	.mt40 {
		margin-top: 28px
	}

	.webinar-box .left {
		width: 840px;
		margin-right: 28px
	}

	.webinar-top-image {
		width: 579px;
		margin-right: 12px
	}

	.webinar-top-image .image i {
		left: 11px;
		bottom: 10px;
		font-size: 46px
	}

	.webinar-box .left .webinar-list .image i,
	.webinar-box .right .list li .image i {
		bottom: 7px;
		left: 7px;
		font-size: 34px
	}

	.webinar-box .right .list li .image i {
		font-size: 40px
	}

	.webinar-top-text .btn {
		margin-top: 36px;
		padding: 0 14px
	}

	.webinar-box .left .webinar-list li .item {
		margin-right: 14px;
		margin-top: 14px
	}

	.webinar-box .left .webinar-list ul {
		margin-right: -14px
	}

	.webinar-box .left .webinar-list .text p b {
		font-size: 15px;
		margin-right: 4px
	}

	.webinar-box .left .webinar-list .text p {
		margin-top: 8px;
		line-height: 28px;
		height: 28px;
		padding-right: 76px;
		font-size: 12px
	}

	.webinar-box .left .webinar-list .text p .btn {
		padding: 0 10px;
		line-height: 26px;
		font-size: 12px
	}

	.webinar-box .right .list li .image mark {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		padding: 0 8px
	}

	.webinar-box .right .list li p {
		font-size: 13px;
		line-height: 18px;
		height: 18px
	}

	.webinar-box .right .list li p a i {
		width: 18px;
		height: 18px
	}

	.webinar-box .right .list li {
		margin-top: 17px
	}

	.new-product-list li .item {
		margin-right: 11px;
		margin-top: 11px
	}

	.new-product-list ul {
		margin-right: -11px;
		margin-top: -11px
	}

	.new-product-list li .image {
		height: 146px
	}

	.new-product-list li .name {
		font-size: 14px;
		line-height: 16px;
		height: 16px
	}

	.new-product-list li .content {
		margin-top: 12px;
		font-size: 12px
	}

	.new-product-list li .content p {
		line-height: 14px;
		height: 14px;
		margin-top: 4px
	}

	.new-product-list li .btn a {
		font-size: 13px;
		padding: 0 7px;
		height: 30px;
		line-height: 28px;
		margin-right: 8px
	}

	.new-product-list li .btn {
		margin-top: 12px
	}

	.new-product-list li .text {
		padding: 0 10px 10px
	}

	.tech .article {
		width: 291px;
		margin-right: 22px
	}

	.tech .title p {
		font-size: 19px;
		line-height: 22px
	}

	.tech .title p i {
		width: 22px;
		height: 24px
	}

	.tech .title .more {
		top: 6px;
		font-size: 12px
	}

	.tech .title {
		padding-bottom: 10px
	}

	.article-list {
		margin-top: 12px
	}

	.article-list li .icon {
		width: 24px;
		height: 24px
	}

	.article-list li.topic .text p {
		line-height: 24px;
		height: 24px
	}

	.article-list li p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.article-list li {
		margin-top: 17px
	}

	.article-list li .tag {
		font-size: 12px;
		margin-top: 8px;
		line-height: 24px
	}

	.article-list li .tag mark {
		margin-right: 10px;
		height: 24px;
		line-height: 20px
	}

	.article-list li .image {
		width: 120px;
		margin-right: 12px
	}

	.article-list li.img-txt .text p {
		line-height: 23px;
		height: 46px
	}

	.article-list li .tag i {
		margin-top: 8px;
		margin-right: 4px;
		font-size: 12px
	}

	.tech .title-nav a {
		font-size: 14px;
		padding: 0 14px
	}

	.tech .title-nav a::after {
		height: 12px
	}

	.tech .programme {
		width: 514px;
		margin-right: 22px
	}

	.programme-top p {
		font-size: 17px;
		line-height: 18px;
		height: 19px
	}

	.programme-top .content {
		font-size: 12px;
		line-height: 18px;
		height: 38px;
		margin-top: 14px
	}

	.programme-top {
		margin-top: 14px;
		padding: 18px 12px 12px
	}

	.programme-list li {
		margin-top: 17px;
		font-size: 13px;
		line-height: 13px;
		height: 15px
	}

	.programme-list {
		padding: 0 12px
	}

	.data ul li .ext {
		margin-right: 10px;
		width: 36px;
		height: 43px
	}

	.data ul li p {
		font-size: 13px;
		height: 15px;
		line-height: 15px
	}

	.data ul li .file-data {
		font-size: 12px;
		line-height: 14px;
		margin-top: 8px
	}

	.data ul li span i {
		margin-right: 4px;
		margin-top: 1px;
		font-size: 12px
	}

	.data ul li span {
		margin-right: 16px
	}

	.data ul li {
		margin-top: 15px
	}

	.data-book .book-title img {
		width: 171px
	}

	.data-book .book-img {
		margin-top: 20px;
		text-indent: 44px;
		height: 154px
	}

	.data-book .book-img img {
		width: 163px
	}

	.data-book .btn {
		margin-top: 18px
	}

	.data-book .btn a {
		font-size: 12px
	}

	.data-book .btn a span {
		padding: 0 25px;
		line-height: 32px;
		height: 32px
	}

	.data-book {
		margin-top: 16px;
		padding: 20px 22px 20px
	}

	.book-message p:first-child {
		font-size: 12px
	}

	.book-message p {
		line-height: 34px;
		height: 34px;
		font-size: 12px
	}

	.book-message p a {
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-top: 8px;
		background-size: 10px
	}

	.mt30 {
		margin-top: 20px
	}

	.recommend-pro-box .left {
		width: 826px;
		margin-right: 22px
	}

	.yiqi-tab a i {
		font-size: 21px;
		height: 21px;
		line-height: 21px
	}

	.yiqi-tab a span {
		margin-top: 6px;
		font-size: 13px;
		height: 15px;
		line-height: 15px
	}

	.pro-bot .big-pro {
		width: 260px
	}

	.pro-bot {
		margin-top: 12px
	}

	.pro-bot .pro-list li {
		height: 197px;
		padding: 0 12px
	}

	.pro-bot .pro-list .image {
		height: 128px
	}

	.pro-bot .pro-list .text p {
		margin-top: 7px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.pro-bot .pro-list li:hover .image {
		height: 108px
	}

	.offer-bot .offer-list li .right {
		font-size: 12px
	}

	.offer-bot .offer-list li .right mark {
		padding: 0 5px;
		margin-right: 7px
	}

	.pro-bot .pro-list .text .btn button {
		height: 26px;
		line-height: 26px;
		border-radius: 18px;
		padding: 0 20px;
		font-size: 12px
	}

	.pro-bot .pro-list .text .btn {
		margin-top: 10px
	}

	.pro-bot .pro-list .text .type {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.offer-bot .offer-list li {
		font-size: 12px;
		padding-right: 104px;
		line-height: 17px;
		height: 17px;
		margin-top: 12px
	}

	.offer-bot:nth-child(3) .offer-list li {
		padding-right: 64px
	}

	.offer-ewm {
		margin-top: 14px
	}

	.small-ewm,
	.big-ewm {
		padding: 12px 12px 10px
	}

	.offer-ewm p {
		font-size: 15px
	}

	.offer-ewm .btn a {
		font-size: 12px;
		padding: 0 12px;
		height: 26px;
		line-height: 24px
	}

	.offer-ewm .btn a i {
		font-size: 11px;
		margin-top: 2px
	}

	.small-ewm .image {
		width: 54px;
		right: 28px;
		bottom: -1px
	}

	.big-ewm .content {
		font-size: 14px;
		line-height: 21px;
		margin-top: 12px
	}

	.offer-ewm .btn {
		margin-top: 12px
	}

	.big-ewm .image {
		width: 105px;
		right: 19px;
		top: 49px
	}

	.interview-box .people {
		width: 826px;
		margin-right: 20px
	}

	.interview-box .title p {
		font-size: 21px
	}

	.interview-box .title i {
		width: 29px;
		height: 29px;
		margin-top: 1px
	}

	.interview-box .title .more {
		font-size: 13px
	}

	.people-img {
		width: 354px;
		margin-right: 20px
	}

	.people-txt li .hover-box .name b {
		font-size: 19px
	}

	.people-txt li .hover-box .name i {
		width: 4px;
		height: 15px;
		margin: 6px 8px 0
	}

	.people-txt li .hover-box .name a {
		font-size: 17px
	}

	.people-txt li .hover-box .name {
		line-height: 22px;
		height: 22px
	}

	.people-txt li .hover-box .job mark {
		font-size: 13px;
		line-height: 26px;
		height: 26px;
		padding: 0 13px
	}

	.people-txt li .hover-box .job {
		margin-top: 12px
	}

	.people-txt li .hover-box .content {
		margin-top: 12px;
		font-size: 13px;
		line-height: 20px;
		height: 40px
	}

	.people-txt li.focus+li .normal {
		margin-top: 30px
	}

	.people-txt li .normal .num {
		width: 52px;
		margin-right: 12px
	}

	.people-txt li .normal .text p {
		font-size: 15px;
		line-height: 17px;
		height: 17px
	}

	.people-txt li .normal .text .teacher {
		font-size: 13px;
		line-height: 15px;
		height: 15px;
		margin-top: 10px
	}

	.people-txt li .normal {
		margin-top: 42px
	}

	.people-txt li .hover-box {
		margin-top: 23px;
		padding: 18px 18px 14px
	}

	.interview-list li .image {
		margin-right: 12px;
		width: 110px
	}

	.interview-list li p {
		font-size: 13px;
		line-height: 20px;
		height: 40px
	}

	.interview-list li .number {
		margin-top: 10px;
		font-size: 12px
	}

	.interview-list li .number i {
		margin-right: 3px;
		font-size: 12px
	}

	.interview-list li {
		margin-top: 25px
	}

	.exhibition-img {
		width: 355px;
		margin-right: 20px
	}

	.exhi-bot .exhibition-top p {
		font-size: 17px;
		line-height: 19px;
		height: 19px;
		margin-top: 15px
	}

	.exhi-bot .exhibition-top p i {
		font-size: 15px
	}

	.exhibition-txt {
		margin-right: 20px;
		width: 450px
	}

	.exhi-tab p a {
		font-size: 19px;
		padding: 0 22px
	}

	.exhi-tab p a span {
		padding-bottom: 14px
	}

	.exhi-tab p a::after {
		top: 3px;
		height: 15px
	}

	.exhi-tab p a span::before {
		bottom: -1px
	}

	.exhibition-txt .exhi-title .more,
	.exhibition-video .title .more {
		font-size: 12px
	}

	.exhi-bot .exhibition-top .time {
		margin-top: 12px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-list {
		margin-top: 14px;
		padding-top: 14px
	}

	.exhibition-list li .time {
		margin-right: 12px;
		width: 34px;
		padding: 5px 0 7px
	}

	.exhibition-list li .time b {
		font-size: 16px
	}

	.exhibition-list li .text p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.exhibition-list li .text .city {
		margin-top: 9px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-list li .btn a {
		top: 7px;
		width: 78px;
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}

	.exhibition-list li .btn i {
		margin-top: 12px;
		font-size: 9px
	}

	.exhibition-video-list .image mark i {
		margin-top: 6px;
		width: 14px;
		height: 14px
	}

	.exhibition-list li {
		margin-top: 21px
	}

	.exhibition-video .title i {
		width: 27px;
		height: 22px
	}

	.exhibition-video .title p {
		font-size: 19px;
		line-height: 23px
	}

	.exhibition-video-list {
		margin-top: 14px
	}

	.exhibition-video-list .number {
		margin-top: 8px;
		font-size: 12px
	}

	.exhibition-video-list .number i {
		font-size: 12px
	}

	.exhibition-video-list p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.exhibition-video-list .image mark {
		top: 8px;
		right: 8px;
		line-height: 26px;
		height: 26px;
		padding: 0 8px;
		font-size: 12px
	}

	.exhibition-video-list li {
		margin-top: 13px
	}

	.exhibition-video-list .image span strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-video-list .focus+li,
	.exhibition-video-list li:last-child.focus {
		padding-top: 14px
	}

	.report-list li .time {
		font-size: 12px
	}

	.report-list li {
		margin-top: 17px;
		font-size: 13px;
		line-height: 15px;
		height: 15px;
		padding-right: 62px
	}

	.report-list li i {
		margin-right: 6px;
		margin-top: 6px
	}

	.gold-company {
		padding: 30px 0 20px
	}

	.gold-company-list li .image {
		height: 80px
	}

	.gold-company-list li .txt b {
		font-size: 14px;
		padding: 0 8px
	}

	.gold-company-list li .item {
		margin-right: 8px;
		margin-top: 8px;
		padding: 0 0 8px
	}

	.gold-company-list li .txt {
		margin: 0 14px
	}

	.gold-company-list ul {
		margin-right: -8px;
		margin-top: -8px
	}

	.gold-company-list .item::after {
		top: -14px
	}

	.gold-company-list .hover-box {
		height: 60px;
		top: -66px
	}

	.gold-company-list li:nth-child(n+7) .hover-box {
		bottom: -77px
	}

	.corporate-tab p a {
		font-size: 18px
	}

	.corporate-tab p a span {
		margin-right: 12px;
		line-height: 46px;
		height: 46px;
		margin-top: 14px
	}

	.corporate-tab p {
		margin-right: -12px
	}

	.corporate-tab p a.focus span {
		height: 60px;
		line-height: 60px
	}

	.corporate-tab p span::before,
	.corporate-tab p span::after {
		width: 18px;
		height: 15px;
		margin-top: 23px
	}

	.corporate-tab p span b {
		margin: 0 10px
	}

	.corporate-list {
		padding: 0 7px
	}

	.corporate-list li {
		padding-left: 16px;
		height: 50px;
		line-height: 50px;
		font-size: 13px
	}

	.corporate-list li .vip {
		margin-top: 14px
	}

	.friend-bot li {
		margin-top: 12px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.friend-tab p a {
		font-size: 17px;
		padding: 0 22px
	}

	.friend-tab p a::after {
		top: 3px;
		height: 14px
	}

	.Lista a {
		width: 94px;
		font-size: 12px;
		margin-right: 8px;
		height: 32px;
		line-height: 32px
	}

	.gotoTop {
		right: 40px
	}

	.foot-nav {
		width: 500px
	}

	.foot-txt li {
		line-height: 24px;
		height: 24px
	}

	.foot-img li {
		width: 73px;
		height: 29px;
		margin-right: 7px
	}

	.foot-img li a {
		height: 29px
	}

	.copyright {
		font-size: 14px
	}

	.police img {
		margin-right: 5px
	}

	.hot-line {
		width: 275px;
		margin-left: 70px
	}

	.hot-line p {
		font-size: 14px
	}

	.qr-code li {
		padding: 0 0 0 20px
	}

	.course-list li .item p {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		margin-top: 7px
	}

	.interview--hot ul li {
		margin-top: 21px
	}

	.Job-swiper ul li {
		box-sizing: border-box
	}

	.qr-code h2 {
		padding-left: 20px
	}

	.qr-code li span {
		width: 101px;
		height: 101px
	}

	.couplet-adv.left {
		left: 10px
	}

	.couplet-adv.right {
		right: 10px
	}

	.Job {
		height: 90px;
		margin-top: 20px
	}

	.Job-swiper {
		margin: 20px 48px 20px 48px
	}

	.Job-swiper ul li .Icon {
		width: 30px;
		height: 30px;
		left: 10px
	}

	.Job-swiper ul li .Title {
		left: 50px;
		font-size: 14px;
		max-width: 105px
	}

	.Job-swiper ul li .Salary {
		right: 14px;
		font-size: 12px;
		max-width: 95px
	}

	.Job-swiper ul li .Company {
		left: 50px;
		font-size: 12px;
		max-width: 140px
	}

	.Job-swiper ul li .City {
		right: 14px;
		font-size: 12px
	}

	.Job .more {
		border-radius: 11px;
		width: 22px;
		padding: 10px 0
	}

	.Job .more a {
		font-size: 12px
	}
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
	.w {
		width: 1000px
	}

	.course .new-active .title .more {
		font-size: 12px;
		padding: 0 6px;
		height: 22px;
		line-height: 21px;
		top: -3px
	}

	.course .new-active .title .more i {
		font-size: 8px;
		margin-top: 1px
	}

	.right-classify .left-box .label {
		font-size: 12px;
		padding: 21px 0 6px 20px
	}

	.class-a i.small-size {
		font-size: 12px;
		margin-top: 12px
	}

	.product-classify.active .right-classify .left-box {
		width: 160px
	}

	.webiframe,
	.webinar-top-image {
		height: 286px
	}

	.video-two-swiper .swiper-button-next,
	.video-two-swiper .swiper-button-prev {
		top: 98px;
		width: 36px;
		height: 60px;
		background-size: 14px 26px
	}

	.video-one-swiper .swiper-button-next,
	.video-one-swiper .swiper-button-prev {
		top: 144px;
		width: 36px;
		height: 60px;
		background-size: 14px 26px
	}

	.video-one .video-left {
		width: 531px;
		margin-right: 12px
	}

	.video-one .video-left .text p {
		line-height: 40px;
		height: 40px;
		font-size: 12px
	}

	.video-one-swiper .swiper-pagination-fraction {
		bottom: 11px;
		right: 18px;
		font-size: 17px
	}

	.video-one-swiper .swiper-pagination-current {
		font-size: 23px
	}

	.video-one mark {
		line-height: 28px;
		height: 28px;
		padding: 0 8px;
		font-size: 12px;
		min-width: 48px;
		right: 8px;
		top: 8px
	}

	.video-one mark i {
		width: 14px;
		height: 14px;
		margin-top: 8px
	}

	.video-one .video-right li .image mark {
		line-height: 24px;
		height: 24px
	}

	.video-one .video-left .image .play i {
		font-size: 60px
	}

	.video-one .video-right li .gradual strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.video-one .video-right li .gradual {
		height: 64px
	}

	.video-one .video-right li {
		margin-top: 12px
	}

	.video-two .video-left {
		width: 440px;
		margin-right: 12px
	}

	.video-two .video-left .image .play i {
		font-size: 60px
	}

	.video-two .video-left .text {
		padding: 18px 18px
	}

	.video-two .video-left .text {
		padding: 16px 16px
	}

	.video-two .video-left .text p {
		font-size: 16px;
		line-height: 18px;
		height: 18px
	}

	.video-two .video-left .text .data {
		margin-top: 14px;
		line-height: 24px
	}

	.video-two-swiper .swiper-pagination-fraction {
		bottom: 24px;
		right: 18px;
		font-size: 16px
	}

	.video-two-swiper .swiper-pagination-current {
		font-size: 24px
	}

	.video-two mark {
		line-height: 24px;
		height: 24px;
		font-size: 12px;
		margin-right: 12px;
		padding: 0 7px;
		min-width: 44px
	}

	.video-two .video-right mark {
		height: 24px;
		line-height: 22px
	}

	.video-two mark i {
		width: 14px;
		height: 14px;
		margin-top: 6px
	}

	.video-two .video-left .text .data span {
		font-size: 12px
	}

	.video-two .video-left .text .data span i {
		font-size: 13px;
		margin-top: 2px
	}

	.video-two .video-right li .image {
		width: 188px
	}

	.video-two .video-right li {
		margin-top: 12px
	}

	.video-two .video-right li .image {
		width: 134px
	}

	.video-two .video-right li .text {
		padding: 10px 10px 0
	}

	.video-two .video-right li .text p {
		font-size: 12px;
		line-height: 16px;
		height: 32px
	}

	.video-two .video-right li .text .time {
		margin-top: 10px;
		font-size: 12px
	}

	.video-two .video-right li .text .time i {
		font-size: 12px;
		margin-top: 1px;
		margin-right: 4px
	}

	.new-pro-adv .image {
		padding-bottom: 48.5%
	}

	.couplet-adv.bottom {
		bottom: 80px
	}

	.couplet-adv.top {
		top: 100px
	}

	.couplet-adv .image {
		width: 50px
	}

	.couplet-adv .big-image {
		width: 84px
	}

	.iframeTop {
		margin-top: -3px
	}

	.fix-navigation .item .logo {
		width: 140px
	}

	.fix-navigation .search .form {
		height: 36px
	}

	.fix-navigation .search .form .select .select-top p {
		line-height: 36px
	}

	.fix-navigation .search .form .select .select-top i {
		margin-top: 17px
	}

	.fix-navigation .search .form button {
		width: 102px;
		height: 32px
	}

	.fix-navigation .search .form button {
		width: 97px
	}

	.header {
		font-size: 12px
	}

	.topBannerAdv,
	.botBannerAdv {
		margin: 12px auto 0
	}

	.top {
		margin: 12px auto 0
	}

	.top .logo {
		width: 184px;
		margin-top: 3px
	}

	.search {
		width: calc(100% - 185px)
	}

	.search .form {
		width: 460px;
		height: 40px;
		margin-left: 34px;
		margin-top: 12px
	}

	.search .form .select .select-top p {
		line-height: 36px;
		font-size: 14px
	}

	.search .form .select::after {
		height: 18px
	}

	.search .form button {
		width: 98px;
		font-size: 14px
	}

	.search .form button i {
		font-size: 14px
	}

	.search .form .select .select-top i {
		margin-top: 17px
	}

	.search .form input {
		width: 281px;
		font-size: 12px
	}

	.top-adv {
		width: 286px;
		margin-top: 2px;
		height: 51px
	}

	.top-adv .Advs {
		width: 316px
	}

	.hot-key {
		margin-top: 13px
	}

	.hot-key a {
		margin-left: 4px
	}

	.hot-key a,
	.hot-key b {
		font-size: 12px
	}

	.hot-key i {
		font-size: 13px
	}

	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.nav .menu ul li b a,
	.nav .menu ul li .menu-top a {
		height: 46px;
		font-size: 16px;
		line-height: 46px;
		padding: 0 18px
	}

	.nav .menu ul li .menu-top a i {
		margin: 20px 0 0 6px;
		font-size: 10px
	}

	.nav-bot .item span b i {
		width: 17px;
		height: 21px;
		margin-top: 2px
	}

	.nav-bot .item span b {
		font-size: 19px
	}

	.nav-bot .item span a {
		font-size: 12px;
		margin-left: 5px
	}

	.nav-bot .item span:nth-child(2) b i {
		margin-left: 14px;
		margin-top: 2px
	}

	.nav-bot .item span {
		margin-top: 8px
	}

	.nav-bot {
		height: 42px
	}

	.nav-bot .item {
		height: 48px
	}

	.mt22 {
		margin-top: 14px
	}

	.threew li:first-child .adv-item,
	.threew li:nth-child(3) .adv-item {
		width: 242px
	}

	.threew li:nth-child(2) .adv-item {
		width: 485px
	}

	.banner-adv ul li .adv-item {
		margin: 0 8px 0 8px
	}

	.banner-adv ul {
		width: calc(100% + 18px);
		margin: 0 0 0 -8px
	}

	.product-classify {
		width: 218px
	}

	.product-classify .title {
		padding-top: 18px
	}

	.product-classify .title p {
		line-height: 20px;
		font-size: 17px
	}

	.class-a {
		line-height: 33px;
		height: 33px
	}

	.class-a p {
		font-size: 12px
	}

	.class-a i {
		font-size: 17px;
		margin: 9px 8px 0 22px
	}

	.right-classify {
		width: 782px
	}

	.class-txt {
		padding: 16px 0
	}

	.class-txt .item {
		padding: 20px 0;
		padding-left: 10px
	}

	.product-classify.active .class-txt .item:nth-child(2) {
		padding-top: 20px
	}

	.class-txt .item .class-c {
		height: 20px;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 12px
	}

	.class-txt .item .class-c span {
		right: 27px;
		border-radius: 13px;
		padding: 0 4px 0 12px;
		font-size: 10px
	}

	.class-txt .item .class-c span img {
		top: 0;
		left: -5px;
		width: 22px
	}

	.class-txt .item .class-c span a {
		margin: 0 1px
	}

	.class-txt .item .class-c a.more {
		font-size: 12px
	}

	.class-txt .item p {
		margin: 0 -2px
	}

	.class-txt .item p a {
		font-size: 12px;
		line-height: 22px;
		margin: 0 2px
	}

	.class-adv {
		padding: 16px 20px 0 20px;
		width: 220px
	}

	.class-adv .item {
		padding: 5px
	}

	.class-adv .item p,
	.class-adv .item span {
		height: 20px;
		line-height: 20px
	}

	.class-adv .item p {
		font-size: 12px;
		margin-top: 6px
	}

	.class-adv .item span {
		font-size: 12px;
		line-height: 16px !important;
		max-height: 32px !important
	}

	.main .news {
		margin: 0 15px;
		width: 490px
	}

	.public-tab p a {
		font-size: 15px;
		height: 40px;
		line-height: 40px
	}

	.public-tab p a::after {
		top: 14px;
		height: 13px
	}

	.public-tab p b mark {
		height: 28px;
		line-height: 24px;
		padding: 0 10px
	}

	.news-top {
		padding: 14px 0 12px 0
	}

	.news-top span {
		height: 24px;
		line-height: 24px;
		font-size: 17px
	}

	.today .news-top span {
		font-size: 19px
	}

	.news-top span i {
		width: 41px;
		height: 24px;
		margin-top: 0
	}

	.news-bot .big-special {
		margin-top: 15px
	}

	.news-top p {
		font-size: 12px;
		line-height: 14px;
		max-height: 14px;
		margin-top: 10px
	}

	.news-bot.today .image {
		width: 158px;
		margin-left: 12px
	}

	.news-bot.today .image span {
		font-size: 12px
	}

	.news-bot.today .image span strong {
		height: 18px;
		line-height: 18px
	}

	.news-bot.today .image a:hover span strong {
		height: 36px
	}

	.news-3 ul li:first-child {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 4px
	}

	.news-3 ul li {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 13px;
		padding-right: 32px
	}

	.news-3 ul li .time {
		font-size: 12px
	}

	.hot-search,
	.news-3 .box {
		margin-top: 11px
	}

	.class-adv .item img {
		max-height: 150px;
		object-fit: contain
	}

	.hot-search .title span {
		font-size: 19px;
		padding: 0 30px 0 18px;
		height: 32px;
		line-height: 38px
	}

	.hot-search .left .more-box {
		padding-top: 10px;
		font-size: 12px;
		height: 13px
	}

	.hot-search .left li {
		line-height: 22px;
		height: 22px;
		margin-top: 8px;
		font-size: 12px
	}

	.hot-search .left li span {
		font-size: 12px;
		padding: 0 6px
	}

	.hot-search .left li a {
		max-width: calc(100% - 80px)
	}

	.news-bot .news-list li a::before {
		margin-right: 8px;
		margin-top: 7px
	}

	.hot-search .left ul {
		padding: 8px 10px 8px 0;
		margin-top: -8px
	}

	.news-bot .news-list li {
		margin-top: 13px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.news-bot .news-list li .time {
		font-size: 12px
	}

	.news-bot.shangji .news-list li {
		margin-top: 12.5px
	}

	.news-bot .big-special .text p {
		font-size: 15px
	}

	.news-bot .big-special .text .go {
		padding: 0 15px 0 7px;
		font-size: 20px
	}

	.news-bot .special-box .image span {
		padding: 36px 8px 9px
	}

	.news-bot .special-box .image strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.news-bot .big-special .text .go i {
		margin-left: 6px;
		font-size: 14px
	}

	.news-bot .big-special .text .go::after {
		border-width: 0 0 45px 20px;
		left: -20px
	}

	.news-bot .big-special .text {
		height: 45px;
		line-height: 45px;
		padding: 0 14px;
		padding-right: 137px
	}

	.news-bot .special-box ul {
		margin-right: -16px
	}

	.news-bot .special-box .item {
		margin-right: 16px
	}

	.news-bot .special-box {
		margin-top: 16px
	}

	.adv-4 .big {
		height: 170px
	}

	.slidelist {
		height: 62px;
		margin: 0 6px
	}

	.slidelist ul li {
		width: 57px;
		margin-right: 7px
	}

	.slidelist span {
		width: 57px;
		height: 43px;
		top: 9px
	}

	.adv-3 li .image {
		width: 55px;
		margin-left: 8px
	}

	.adv-3 li {
		margin-top: 7px;
		padding: 5px 15px
	}

	.adv-3 li .text p {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.adv-3 li .text span {
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.adv-3 li .text p i {
		font-size: 13px;
		margin-top: 1px
	}

	.banner-adv-4 ul li .item {
		margin-right: 12px;
		padding: 14px 12px
	}

	.banner-adv-4 ul li .item .image {
		height: 52px
	}

	.banner-adv-4 ul li .item .text {
		margin-top: 16px
	}

	.banner-adv-4 ul li .item p a {
		height: 14px;
		line-height: 14px;
		font-size: 12px
	}

	.banner-adv-4 ul li .item p {
		margin-top: 10px
	}

	.fix-navigation .search .form {
		margin-left: 28px
	}

	.course .left {
		width: 255px;
		margin-right: 16px
	}

	.course .new-active,
	.course .adv-2 {
		padding: 10px 6px 6px
	}

	.course .new-active .title span {
		font-size: 15px;
		margin: 0 8px
	}

	.course .new-active .title>i {
		width: 8px;
		height: 13px;
		margin-top: 2px
	}

	.new-active-box {
		margin-top: 10px;
		border-radius: 4px 4px 0 0;
		padding: 12px 12px
	}

	.new-active-box li {
		margin-top: 10px;
		font-size: 12px;
		line-height: 16px;
		height: 16px
	}

	.new-active-box li span {
		font-size: 13px;
		margin-right: 8px
	}

	.new-active-box li span::after {
		width: 10px;
		height: 10px
	}

	.course .adv-2 .adv-logo {
		padding: 0 10px
	}

	.course .adv-logo .image {
		width: 62px;
		margin-right: 8px
	}

	.course .adv-logo .text p {
		margin-top: 6px;
		font-size: 15px;
		height: 17px;
		line-height: 17px
	}

	.course .adv-logo .text .tag {
		margin-top: 14px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course .adv-logo .text .tag i {
		font-size: 11px;
		margin-right: 1px;
		margin-top: 1px
	}

	.course .adv-content {
		padding: 38px 8px 8px;
		margin-top: -34px
	}

	.course .adv-content p {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course .adv-content .adv-img {
		margin-top: 8px
	}

	.course-bot {
		margin-top: 16px
	}

	.course-left {
		width: 463px;
		margin-right: 16px
	}

	.course-left .image {
		height: 260px
	}

	.course .public-tab a {
		padding: 0 28px
	}

	.course-left .image .play {
		width: 58px;
		height: 58px
	}

	.course-left .text p {
		margin-top: 20px;
		font-size: 18px;
		line-height: 20px;
		height: 20px
	}

	.course-left .text span {
		font-size: 12px
	}

	.course-left .text .bottom {
		margin-top: 18px;
		line-height: 30px;
		height: 30px;
		margin-bottom: 10px
	}

	.course-left .text .bottom mark {
		padding: 0 12px 0 5px;
		font-size: 14px
	}

	.course-left .text .bottom mark i {
		font-size: 14px
	}

	.course-bot .yiqi {
		height: 354px
	}

	.course-right ul li p a {
		font-size: 12px;
		line-height: 18px;
		max-height: 36px
	}

	.course-right ul li.focus p a {
		font-size: 13px;
		line-height: 21px;
		max-height: 42px
	}

	.course-bot .live-list .item {
		margin-right: 12px;
		margin-top: 20px
	}

	.course-bot .live-list ul {
		margin-right: -12px;
		margin-top: -20px
	}

	.course-bot .live-list .image .mask i {
		font-size: 36px
	}

	.course-bot .live-list .image .living-time {
		padding: 30px 7px 8px
	}

	.course-bot .live-list .image .living-time span {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course-bot .live-list .image .video-time {
		right: 8px;
		bottom: 8px;
		font-size: 12px;
		line-height: 20px;
		height: 22px;
		padding: 0 8px
	}

	.course-bot .live-list .text p {
		line-height: 18px;
		height: 36px;
		font-size: 12px;
		margin-top: 8px
	}

	.course-bot .live-list .text p mark {
		margin-right: 4px;
		padding: 0 5px;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		margin-top: 0
	}

	.course-bot .live-list .text .company i {
		font-size: 12px;
		margin-right: 2px
	}

	.course-bot .live-list .text p mark i {
		width: 14px;
		height: 14px
	}

	.course-bot .live-list .text .company {
		margin-top: 8px;
		font-size: 12px
	}

	.course-right ul li {
		padding: 0 16px
	}

	.customer-intro {
		margin-right: 18px;
		width: 443px
	}

	.customer-intro .text .title {
		margin-top: 18px;
		font-size: 16px;
		line-height: 18px;
		height: 18px
	}

	.customer-intro .text .content {
		margin-top: 14px;
		font-size: 12px;
		line-height: 18px;
		max-height: 108px
	}

	.customer-news-list li {
		margin-top: 11px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.customer-intro-list li i {
		width: 18px;
		height: 18px
	}

	.customer-intro-list li {
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		margin-top: 8px
	}

	.web .customer-news-list li {
		margin-top: 9px
	}

	.customer-news .bottom-adv-img {
		margin-top: 10px
	}

	.mt35 {
		margin-top: 16px
	}

	.webinar {
		padding: 20px 0
	}

	.public-title {
		font-size: 25px
	}

	.mt40 {
		margin-top: 22px
	}

	.webinar-box .left {
		width: 738px;
		margin-right: 26px
	}

	.webinar-top-image {
		width: 508px;
		margin-right: 10px
	}

	.webinar-top-image .image i {
		left: 11px;
		bottom: 10px;
		font-size: 46px
	}

	.webinar-box .left .webinar-list .image i,
	.webinar-box .right .list li .image i {
		bottom: 7px;
		left: 7px;
		font-size: 34px
	}

	.webinar-box .right .list li .image i {
		font-size: 40px
	}

	.webinar-box .left .webinar-list li .item {
		margin-right: 14px;
		margin-top: 14px
	}

	.webinar-box .left .webinar-list ul {
		margin-right: -14px
	}

	.webinar-box .left .webinar-list .text p b {
		font-size: 13px;
		margin-right: 4px
	}

	.webinar-box .left .webinar-list .text p {
		margin-top: 8px;
		line-height: 28px;
		height: 28px;
		padding-right: 62px;
		font-size: 12px
	}

	.webinar-box .left .webinar-list .text p .btn {
		padding: 0 6px;
		line-height: 26px;
		font-size: 12px
	}

	.webinar-box .right .list li .image mark {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		padding: 0 8px
	}

	.webinar-box .right .list li p {
		font-size: 12px;
		line-height: 16px;
		height: 16px
	}

	.webinar-box .right .list li p a i {
		width: 16px;
		height: 16px
	}

	.webinar-box .right .list li {
		margin-top: 16px
	}

	.new-product-list li .item {
		margin-right: 10px;
		margin-top: 10px
	}

	.new-product-list ul {
		margin-right: -10px;
		margin-top: -10px
	}

	.new-product-list li .image {
		height: 146px
	}

	.new-product-list li .name {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.new-product-list li .content {
		margin-top: 10px;
		font-size: 12px
	}

	.new-product-list li .content p {
		line-height: 14px;
		height: 14px;
		margin-top: 2px
	}

	.new-product-list li .btn a {
		font-size: 12px;
		padding: 0 7px;
		height: 28px;
		line-height: 26px;
		margin-right: 7px
	}

	.new-product-list li .btn {
		margin-top: 8px
	}

	.new-product-list li .text {
		padding: 0 10px 10px
	}

	.tech .article {
		width: 255px;
		margin-right: 16px
	}

	.tech .title p {
		font-size: 17px;
		line-height: 22px
	}

	.tech .title p i {
		width: 22px;
		height: 24px
	}

	.tech .title .more {
		top: 6px;
		font-size: 12px
	}

	.tech .title {
		padding-bottom: 10px
	}

	.article-list {
		margin-top: 12px
	}

	.article-list li .icon {
		width: 20px;
		height: 20px
	}

	.article-list li.topic .text p {
		line-height: 20px;
		height: 20px
	}

	.article-list li p {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.article-list li {
		margin-top: 15px
	}

	.article-list li .tag {
		font-size: 12px;
		margin-top: 7px;
		line-height: 24px
	}

	.article-list li .tag mark {
		margin-right: 10px;
		height: 24px;
		line-height: 20px
	}

	.article-list li .image {
		width: 106px;
		margin-right: 10px
	}

	.article-list li.img-txt .text p {
		line-height: 18px;
		height: 36px
	}

	.article-list li .tag i {
		margin-top: 8px;
		margin-right: 4px;
		font-size: 12px
	}

	.tech .title-nav a {
		font-size: 12px;
		padding: 0 12px
	}

	.tech .title-nav a::after {
		height: 14px;
		top: 3px
	}

	.tech .title-nav a::after {
		height: 12px
	}

	.tech .programme {
		width: 450px;
		margin-right: 16px
	}

	.programme-top p {
		font-size: 15px;
		line-height: 16px;
		height: 17px
	}

	.programme-top .content {
		font-size: 12px;
		line-height: 18px;
		height: 38px;
		margin-top: 10px
	}

	.programme-top {
		margin-top: 12px;
		padding: 16px 12px 12px
	}

	.programme-list li {
		margin-top: 14px;
		font-size: 12px;
		line-height: 12px;
		height: 14px
	}

	.programme-list {
		padding: 0 12px
	}

	.data ul li .ext {
		margin-right: 7px;
		width: 32px;
		height: 38px
	}

	.data ul li p {
		font-size: 12px;
		height: 14px;
		line-height: 14px
	}

	.data ul li .file-data {
		font-size: 12px;
		line-height: 14px;
		margin-top: 6px
	}

	.data ul li span i {
		margin-right: 4px;
		margin-top: 1px;
		font-size: 12px
	}

	.data ul li span {
		margin-right: 16px
	}

	.data ul li {
		margin-top: 13px
	}

	.data-book .book-title img {
		width: 171px
	}

	.data-book .book-img {
		margin-top: 20px;
		text-indent: 47px;
		height: 116px
	}

	.book-message {
		margin-top: 25px
	}

	.data-book .book-img img {
		width: 128px
	}

	.data-book .btn {
		margin-top: 18px
	}

	.data-book .btn a {
		font-size: 12px
	}

	.data-book .btn a span {
		padding: 0 25px;
		line-height: 32px;
		height: 32px
	}

	.data-book {
		margin-top: 16px;
		padding: 20px 22px 20px
	}

	.book-message p:first-child {
		font-size: 12px
	}

	.book-message p {
		line-height: 34px;
		height: 34px;
		font-size: 12px
	}

	.book-message p a {
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-top: 8px;
		background-size: 10px
	}

	.mt30 {
		margin-top: 20px
	}

	.recommend-pro-box .left {
		width: 726px;
		margin-right: 18px
	}

	.yiqi-tab a i {
		font-size: 21px;
		height: 21px;
		line-height: 21px
	}

	.yiqi-tab a span {
		margin-top: 6px;
		font-size: 13px;
		height: 15px;
		line-height: 15px
	}

	.pro-bot .big-pro {
		width: 229px
	}

	.pro-bot {
		margin-top: 12px
	}

	.pro-bot .pro-list li {
		height: 173px;
		padding: 0 10px
	}

	.pro-bot .pro-list .image {
		height: 116px
	}

	.pro-bot .pro-list .text p {
		margin-top: 6px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.pro-bot .pro-list li:hover .image {
		height: 92px
	}

	.offer-bot .offer-list li .right {
		font-size: 12px
	}

	.offer-bot .offer-list li .right mark {
		padding: 0 5px;
		margin-right: 7px
	}

	.pro-bot .pro-list .text .btn button {
		height: 22px;
		line-height: 22px;
		border-radius: 18px;
		padding: 0 14px;
		font-size: 12px
	}

	.pro-bot .pro-list .text .btn {
		margin-top: 6px
	}

	.pro-bot .pro-list .text .type {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.offer-bot .offer-list li {
		font-size: 12px;
		padding-right: 104px;
		line-height: 17px;
		height: 17px;
		margin-top: 9px
	}

	.offer-bot:nth-child(3) .offer-list li {
		padding-right: 64px
	}

	.offer-ewm {
		margin-top: 14px
	}

	.small-ewm,
	.big-ewm {
		padding: 10px 10px 9px
	}

	.offer-ewm p {
		font-size: 14px
	}

	.offer-ewm .btn a {
		font-size: 12px;
		padding: 0 12px;
		height: 24px;
		line-height: 20px
	}

	.offer-ewm .btn a i {
		font-size: 11px;
		margin-top: 2px
	}

	.small-ewm .image {
		width: 48px;
		right: 24px;
		bottom: 0
	}

	.big-ewm .content {
		font-size: 13px;
		line-height: 17px;
		margin-top: 12px
	}

	.offer-ewm .btn {
		margin-top: 10px
	}

	.big-ewm .image {
		width: 92px;
		right: 17px;
		top: 43px
	}

	.interview-box .people {
		width: 724px;
		margin-right: 18px
	}

	.interview-box .title p {
		font-size: 21px
	}

	.interview-box .title i {
		width: 29px;
		height: 29px;
		margin-top: 1px
	}

	.interview-box .title .more {
		font-size: 13px
	}

	.people-img {
		width: 310px;
		margin-right: 18px
	}

	.people-txt li .hover-box .name b {
		font-size: 15px
	}

	.people-txt li .hover-box .name i {
		width: 4px;
		height: 14px;
		margin: 3px 6px 0
	}

	.people-txt li .hover-box .name a {
		font-size: 15px
	}

	.people-txt li .hover-box .name {
		line-height: 17px;
		height: 17px
	}

	.people-txt li .hover-box .job mark {
		font-size: 13px;
		line-height: 26px;
		height: 26px;
		padding: 0 13px
	}

	.people-txt li .hover-box .job {
		margin-top: 12px
	}

	.people-txt li .hover-box .content {
		margin-top: 12px;
		font-size: 13px;
		line-height: 20px;
		height: 40px
	}

	.people-txt li.focus+li .normal {
		margin-top: 24px
	}

	.people-txt li .normal .num {
		width: 48px;
		margin-right: 10px
	}

	.people-txt li .normal .text p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.people-txt li .normal .text .teacher {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 10px
	}

	.people-txt li .normal {
		margin-top: 30px
	}

	.people-txt li .hover-box {
		margin-top: 23px;
		padding: 16px 16px 14px
	}

	.interview-list li .image {
		margin-right: 10px;
		width: 96px
	}

	.interview-list li p {
		font-size: 12px;
		line-height: 18px;
		height: 36px
	}

	.interview-list li .number {
		margin-top: 5px;
		font-size: 12px
	}

	.interview-list li .number i {
		margin-right: 3px;
		font-size: 12px
	}

	.interview-list li {
		margin-top: 25px
	}

	.exhibition-img {
		width: 312px;
		margin-right: 18px
	}

	.exhi-bot .exhibition-top p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
		margin-top: 12px
	}

	.exhi-bot .exhibition-top p i {
		font-size: 13px
	}

	.exhibition-txt {
		margin-right: 20px;
		width: 450px
	}

	.exhi-tab p a {
		font-size: 19px;
		padding: 0 22px
	}

	.exhi-tab p a span {
		padding-bottom: 14px
	}

	.exhi-tab p a::after {
		top: 3px;
		height: 15px
	}

	.exhi-tab p a span::before {
		bottom: -1px
	}

	.exhibition-txt .exhi-title .more,
	.exhibition-video .title .more {
		font-size: 12px
	}

	.exhi-bot .exhibition-top .time {
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-list {
		margin-top: 10px;
		padding-top: 10px
	}

	.exhibition-list li .time {
		margin-right: 8px;
		width: 30px;
		padding: 3px 0 5px
	}

	.exhibition-list li .time b {
		font-size: 14px
	}

	.exhibition-list li .text p {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 2px
	}

	.exhibition-list li .text .city {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-list li .btn a {
		top: 4px;
		width: 78px;
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}

	.exhibition-list li .btn i {
		margin-top: 12px;
		font-size: 9px
	}

	.exhibition-video-list .image mark i {
		margin-top: 6px;
		width: 14px;
		height: 14px
	}

	.exhibition-list li {
		margin-top: 19px
	}

	.exhibition-video .title i {
		width: 27px;
		height: 22px
	}

	.exhibition-video .title p {
		font-size: 19px;
		line-height: 23px
	}

	.exhibition-video-list {
		margin-top: 14px
	}

	.exhibition-video-list .number {
		margin-top: 8px;
		font-size: 12px
	}

	.exhibition-video-list .number i {
		font-size: 12px
	}

	.exhibition-video-list p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.exhibition-video-list .image mark {
		top: 8px;
		right: 8px;
		line-height: 26px;
		height: 26px;
		padding: 0 8px;
		font-size: 12px
	}

	.exhibition-video-list li {
		margin-top: 13px
	}

	.exhibition-video-list .image span strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-video-list .focus+li,
	.exhibition-video-list li:last-child.focus {
		padding-top: 14px
	}

	.report-list li .time {
		font-size: 12px
	}

	.report-list li {
		margin-top: 13px;
		font-size: 13px;
		line-height: 15px;
		height: 15px;
		padding-right: 62px
	}

	.report-list li i {
		margin-right: 6px;
		margin-top: 6px
	}

	.gold-company {
		padding: 30px 0 22px
	}

	.gold-company-list li .image {
		height: 80px
	}

	.gold-company-list li .txt b {
		font-size: 14px;
		padding: 0 8px
	}

	.gold-company-list li .item {
		margin-right: 8px;
		margin-top: 8px;
		padding: 0 0 8px
	}

	.gold-company-list li .txt {
		margin: 0 14px
	}

	.gold-company-list ul {
		margin-right: -8px;
		margin-top: -8px
	}

	.gold-company-list .item::after {
		top: -14px
	}

	.gold-company-list .hover-box {
		height: 60px;
		top: -66px
	}

	.gold-company-list li:nth-child(n+7) .hover-box {
		bottom: -77px
	}

	.corporate-tab p a {
		font-size: 18px
	}

	.corporate-tab p a span {
		margin-right: 12px;
		line-height: 46px;
		height: 46px;
		margin-top: 14px
	}

	.corporate-tab p {
		margin-right: -12px
	}

	.corporate-tab p a.focus span {
		height: 60px;
		line-height: 60px
	}

	.corporate-tab p span::before,
	.corporate-tab p span::after {
		width: 18px;
		height: 15px;
		margin-top: 23px
	}

	.corporate-tab p span b {
		margin: 0 10px
	}

	.corporate-list {
		padding: 0 7px
	}

	.corporate-list li {
		padding-left: 22px;
		height: 50px;
		line-height: 50px;
		font-size: 12px
	}

	.corporate-list li .vip {
		margin-top: 14px
	}

	.friend-bot li {
		margin-top: 12px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.friend-tab p a {
		font-size: 17px;
		padding: 0 22px
	}

	.friend-tab p a::after {
		top: 3px;
		height: 14px
	}

	.Lista a {
		width: 82px;
		font-size: 12px;
		margin-right: 8px;
		height: 32px;
		line-height: 32px
	}

	.gotoTop {
		right: 10px
	}

	.foot-nav {
		width: 400px
	}

	.hot-line>b {
		font-size: 26px
	}

	.hot-line span {
		font-size: 12px;
		line-height: 24px
	}

	.qr-code {
		padding-top: 10px
	}

	.foot-txt li {
		font-size: 12px
	}

	.hot-line {
		width: 235px;
		margin-left: 64px
	}

	.hot-line {
		font-size: 24px
	}

	.hot-line p {
		font-size: 12px
	}

	.qr-code li {
		padding: 0 0 0 20px
	}

	.qr-code h2 {
		padding-left: 20px
	}

	.qr-code li span {
		width: 120px;
		height: 120px
	}

	.qr-code li p {
		font-size: 12px
	}

	.footer {
		padding: 20px 0
	}

	.foot-img li {
		width: 55px;
		height: 22px;
		margin-right: 5px
	}

	.foot-nav p {
		font-size: 12px;
		line-height: 24px
	}

	.couplet-adv.left {
		left: 10px
	}

	.couplet-adv.right {
		right: 10px
	}

	.Job {
		height: 90px;
		margin-top: 10px
	}

	.Job-swiper {
		margin: 20px 48px 20px 48px
	}

	.Job-swiper ul li .Icon {
		width: 30px;
		height: 30px;
		left: 10px
	}

	.Job-swiper ul li .Title {
		left: 50px;
		font-size: 12px;
		max-width: 95px
	}

	.Job-swiper ul li .Salary {
		right: 14px;
		font-size: 12px;
		max-width: 75px
	}

	.Job-swiper ul li .Company {
		left: 50px;
		font-size: 12px;
		max-width: 110px
	}

	.Job-swiper ul li .City {
		right: 14px;
		font-size: 12px;
		padding: 0 5px
	}

	.Job .more {
		border-radius: 11px;
		width: 22px;
		padding: 10px 0
	}

	.Job .more a {
		font-size: 12px
	}
}

@media only screen and (max-width:1024px) {
	.w {
		width: 1000px
	}

	.course .new-active .title .more {
		font-size: 12px;
		padding: 0 6px;
		height: 22px;
		line-height: 21px;
		top: -3px
	}

	.course .new-active .title .more i {
		font-size: 8px;
		margin-top: 1px
	}

	.right-classify .left-box .label {
		font-size: 12px;
		padding: 21px 0 6px 20px
	}

	.class-a i.small-size {
		font-size: 12px;
		margin-top: 12px
	}

	.product-classify.active .right-classify .left-box {
		width: 160px
	}

	.webiframe,
	.webinar-top-image {
		height: 286px
	}

	.video-two-swiper .swiper-button-next,
	.video-two-swiper .swiper-button-prev {
		top: 98px;
		width: 36px;
		height: 60px;
		background-size: 14px 26px
	}

	.video-one-swiper .swiper-button-next,
	.video-one-swiper .swiper-button-prev {
		top: 144px;
		width: 36px;
		height: 60px;
		background-size: 14px 26px
	}

	.video-one .video-left {
		width: 531px;
		margin-right: 12px
	}

	.video-one .video-left .text p {
		line-height: 40px;
		height: 40px;
		font-size: 12px
	}

	.video-one-swiper .swiper-pagination-fraction {
		bottom: 11px;
		right: 18px;
		font-size: 17px
	}

	.video-one-swiper .swiper-pagination-current {
		font-size: 23px
	}

	.video-one mark {
		line-height: 28px;
		height: 28px;
		padding: 0 8px;
		font-size: 12px;
		min-width: 48px;
		right: 8px;
		top: 8px
	}

	.video-one mark i {
		width: 14px;
		height: 14px;
		margin-top: 8px
	}

	.video-one .video-right li .image mark {
		line-height: 24px;
		height: 24px
	}

	.video-one .video-left .image .play i {
		font-size: 60px
	}

	.video-one .video-right li .gradual strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.video-one .video-right li .gradual {
		height: 64px
	}

	.video-one .video-right li {
		margin-top: 12px
	}

	.video-two .video-left {
		width: 440px;
		margin-right: 12px
	}

	.video-two .video-left .image .play i {
		font-size: 60px
	}

	.video-two .video-left .text {
		padding: 18px 18px
	}

	.video-two .video-left .text {
		padding: 16px 16px
	}

	.video-two .video-left .text p {
		font-size: 16px;
		line-height: 18px;
		height: 18px
	}

	.video-two .video-left .text .data {
		margin-top: 14px;
		line-height: 24px
	}

	.video-two-swiper .swiper-pagination-fraction {
		bottom: 24px;
		right: 18px;
		font-size: 16px
	}

	.video-two-swiper .swiper-pagination-current {
		font-size: 24px
	}

	.video-two mark {
		line-height: 24px;
		height: 24px;
		font-size: 12px;
		margin-right: 12px;
		padding: 0 7px;
		min-width: 44px
	}

	.video-two .video-right mark {
		height: 24px;
		line-height: 22px
	}

	.video-two mark i {
		width: 14px;
		height: 14px;
		margin-top: 6px
	}

	.video-two .video-left .text .data span {
		font-size: 12px
	}

	.video-two .video-left .text .data span i {
		font-size: 13px;
		margin-top: 2px
	}

	.video-two .video-right li .image {
		width: 188px
	}

	.video-two .video-right li {
		margin-top: 12px
	}

	.video-two .video-right li .image {
		width: 134px
	}

	.video-two .video-right li .text {
		padding: 10px 10px 0
	}

	.video-two .video-right li .text p {
		font-size: 12px;
		line-height: 16px;
		height: 32px
	}

	.video-two .video-right li .text .time {
		margin-top: 10px;
		font-size: 12px
	}

	.video-two .video-right li .text .time i {
		font-size: 12px;
		margin-top: 1px;
		margin-right: 4px
	}

	.new-pro-adv .image {
		padding-bottom: 48.5%
	}

	.couplet-adv.bottom {
		bottom: 80px
	}

	.couplet-adv.top {
		top: 100px
	}

	.couplet-adv .image {
		width: 50px
	}

	.couplet-adv .big-image {
		width: 84px
	}

	.iframeTop {
		margin-top: -3px
	}

	.fix-navigation .item .logo {
		width: 140px
	}

	.fix-navigation .search .form {
		height: 36px
	}

	.fix-navigation .search .form .select .select-top p {
		line-height: 36px
	}

	.fix-navigation .search .form .select .select-top i {
		margin-top: 17px
	}

	.fix-navigation .search .form button {
		width: 102px;
		height: 32px
	}

	.fix-navigation .search .form button {
		width: 97px
	}

	.header {
		font-size: 12px
	}

	.topBannerAdv,
	.botBannerAdv {
		margin: 12px auto 0
	}

	.top {
		margin: 12px auto 0
	}

	.top .logo {
		width: 184px;
		margin-top: 3px
	}

	.search {
		width: calc(100% - 185px)
	}

	.search .form {
		width: 460px;
		height: 40px;
		margin-left: 34px;
		margin-top: 12px
	}

	.search .form .select .select-top p {
		line-height: 36px;
		font-size: 14px
	}

	.search .form .select::after {
		height: 18px
	}

	.search .form button {
		width: 98px;
		font-size: 14px
	}

	.search .form button i {
		font-size: 14px
	}

	.search .form .select .select-top i {
		margin-top: 17px
	}

	.search .form input {
		width: 281px;
		font-size: 12px
	}

	.top-adv {
		width: 286px;
		margin-top: 2px;
		height: 51px
	}

	.top-adv .Advs {
		width: 316px
	}

	.hot-key {
		margin-top: 13px
	}

	.hot-key a {
		margin-left: 4px
	}

	.hot-key a,
	.hot-key b {
		font-size: 12px
	}

	.hot-key i {
		font-size: 13px
	}

	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.nav .menu ul li b a,
	.nav .menu ul li .menu-top a {
		height: 46px;
		font-size: 16px;
		line-height: 46px;
		padding: 0 18px
	}

	.nav .menu ul li .menu-top a i {
		margin: 20px 0 0 6px;
		font-size: 10px
	}

	.nav-bot .item span b i {
		width: 17px;
		height: 21px;
		margin-top: 2px
	}

	.nav-bot .item span b {
		font-size: 19px
	}

	.nav-bot .item span a {
		font-size: 12px;
		margin-left: 5px
	}

	.nav-bot .item span:nth-child(2) b i {
		margin-left: 14px;
		margin-top: 2px
	}

	.nav-bot .item span {
		margin-top: 8px
	}

	.nav-bot {
		height: 42px
	}

	.nav-bot .item {
		height: 48px
	}

	.mt22 {
		margin-top: 14px
	}

	.threew li:first-child .adv-item,
	.threew li:nth-child(3) .adv-item {
		width: 242px
	}

	.threew li:nth-child(2) .adv-item {
		width: 485px
	}

	.banner-adv ul li .adv-item {
		margin: 0 8px 0 8px
	}

	.banner-adv ul {
		width: calc(100% + 18px);
		margin: 0 0 0 -8px
	}

	.product-classify {
		width: 218px
	}

	.product-classify .title {
		padding-top: 18px
	}

	.product-classify .title p {
		line-height: 20px;
		font-size: 17px
	}

	.class-a {
		line-height: 33px;
		height: 33px
	}

	.class-a p {
		font-size: 12px
	}

	.class-a i {
		font-size: 17px;
		margin: 9px 8px 0 22px
	}

	.right-classify {
		width: 782px
	}

	.class-txt {
		padding: 16px 0
	}

	.class-txt .item {
		padding: 20px 0;
		padding-left: 10px
	}

	.product-classify.active .class-txt .item:nth-child(2) {
		padding-top: 20px
	}

	.class-txt .item .class-c {
		height: 20px;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 12px
	}

	.class-txt .item .class-c span {
		right: 27px;
		border-radius: 13px;
		padding: 0 4px 0 12px;
		font-size: 10px
	}

	.class-txt .item .class-c span img {
		top: 0;
		left: -5px;
		width: 22px
	}

	.class-txt .item .class-c span a {
		margin: 0 1px
	}

	.class-txt .item .class-c a.more {
		font-size: 12px
	}

	.class-txt .item p {
		margin: 0 -2px
	}

	.class-txt .item p a {
		font-size: 12px;
		line-height: 22px;
		margin: 0 2px
	}

	.class-adv {
		padding: 16px 20px 0 20px;
		width: 222px
	}

	.class-adv .item {
		padding: 5px
	}

	.class-adv .item p,
	.class-adv .item span {
		height: 20px;
		line-height: 20px
	}

	.class-adv .item p {
		font-size: 12px;
		margin-top: 6px
	}

	.class-adv .item span {
		font-size: 12px;
		line-height: 16px !important;
		max-height: 32px !important
	}

	.main .news {
		margin: 0 15px;
		width: 490px
	}

	.public-tab p a {
		font-size: 15px;
		height: 40px;
		line-height: 40px
	}

	.public-tab p a::after {
		top: 14px;
		height: 13px
	}

	.public-tab p b mark {
		height: 28px;
		line-height: 24px;
		padding: 0 10px
	}

	.news-top {
		padding: 14px 0 12px 0
	}

	.news-top span {
		height: 24px;
		line-height: 24px;
		font-size: 17px
	}

	.today .news-top span {
		font-size: 19px
	}

	.news-top span i {
		width: 41px;
		height: 24px;
		margin-top: 0
	}

	.news-bot .big-special {
		margin-top: 15px
	}

	.news-top p {
		font-size: 12px;
		line-height: 14px;
		max-height: 14px;
		margin-top: 10px
	}

	.news-bot.today .image {
		width: 158px;
		margin-left: 12px
	}

	.news-bot.today .image span {
		font-size: 12px
	}

	.news-bot.today .image span strong {
		height: 18px;
		line-height: 18px
	}

	.news-bot.today .image a:hover span strong {
		height: 36px
	}

	.news-3 ul li:first-child {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 4px
	}

	.news-3 ul li {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 13px;
		padding-right: 32px
	}

	.news-3 ul li .time {
		font-size: 12px
	}

	.hot-search,
	.news-3 .box {
		margin-top: 11px
	}

	.class-adv .item img {
		max-height: 150px;
		object-fit: contain
	}

	.hot-search .title span {
		font-size: 19px;
		padding: 0 30px 0 18px;
		height: 32px;
		line-height: 38px
	}

	.hot-search .left .more-box {
		padding-top: 10px;
		font-size: 12px;
		height: 13px
	}

	.hot-search .left li {
		line-height: 22px;
		height: 22px;
		margin-top: 8px;
		font-size: 12px
	}

	.hot-search .left li span {
		font-size: 12px;
		padding: 0 6px
	}

	.hot-search .left li a {
		max-width: calc(100% - 80px)
	}

	.news-bot .news-list li a::before {
		margin-right: 8px;
		margin-top: 7px
	}

	.hot-search .left ul {
		padding: 8px 10px 8px 0;
		margin-top: -8px
	}

	.news-bot .news-list li {
		margin-top: 13px;
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.news-bot .news-list li .time {
		font-size: 12px
	}

	.news-bot.shangji .news-list li {
		margin-top: 12.5px
	}

	.news-bot .big-special .text p {
		font-size: 15px
	}

	.news-bot .big-special .text .go {
		padding: 0 15px 0 7px;
		font-size: 20px
	}

	.news-bot .special-box .image span {
		padding: 36px 8px 9px
	}

	.news-bot .special-box .image strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.news-bot .big-special .text .go i {
		margin-left: 6px;
		font-size: 14px
	}

	.news-bot .big-special .text .go::after {
		border-width: 0 0 45px 20px;
		left: -20px
	}

	.news-bot .big-special .text {
		height: 45px;
		line-height: 45px;
		padding: 0 14px;
		padding-right: 137px
	}

	.news-bot .special-box ul {
		margin-right: -16px
	}

	.news-bot .special-box .item {
		margin-right: 16px
	}

	.news-bot .special-box {
		margin-top: 16px
	}

	.adv-4 .big {
		height: 170px
	}

	.slidelist {
		height: 62px;
		margin: 0 6px
	}

	.slidelist ul li {
		width: 57px;
		margin-right: 7px
	}

	.slidelist span {
		width: 57px;
		height: 43px;
		top: 9px
	}

	.adv-3 li .image {
		width: 55px;
		margin-left: 8px
	}

	.adv-3 li {
		margin-top: 7px;
		padding: 5px 15px
	}

	.adv-3 li .text p {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.adv-3 li .text span {
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.adv-3 li .text p i {
		font-size: 13px;
		margin-top: 1px
	}

	.banner-adv-4 ul li .item {
		margin-right: 12px;
		padding: 14px 12px
	}

	.banner-adv-4 ul li .item .image {
		height: 52px
	}

	.banner-adv-4 ul li .item .text {
		margin-top: 16px
	}

	.banner-adv-4 ul li .item p a {
		height: 14px;
		line-height: 14px;
		font-size: 12px
	}

	.banner-adv-4 ul li .item p {
		margin-top: 10px
	}

	.fix-navigation .search .form {
		margin-left: 28px
	}

	.course .left {
		width: 255px;
		margin-right: 16px
	}

	.course .new-active,
	.course .adv-2 {
		padding: 10px 6px 6px
	}

	.course .new-active .title span {
		font-size: 15px;
		margin: 0 8px
	}

	.course .new-active .title>i {
		width: 8px;
		height: 13px;
		margin-top: 2px
	}

	.new-active-box {
		margin-top: 10px;
		border-radius: 4px 4px 0 0;
		padding: 12px 12px
	}

	.new-active-box li {
		margin-top: 10px;
		font-size: 12px;
		line-height: 16px;
		height: 16px
	}

	.new-active-box li span {
		font-size: 13px;
		margin-right: 8px
	}

	.new-active-box li span::after {
		width: 10px;
		height: 10px
	}

	.course .adv-2 .adv-logo {
		padding: 0 10px
	}

	.course .adv-logo .image {
		width: 62px;
		margin-right: 8px
	}

	.course .adv-logo .text p {
		margin-top: 6px;
		font-size: 15px;
		height: 17px;
		line-height: 17px
	}

	.course .adv-logo .text .tag {
		margin-top: 14px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course .adv-logo .text .tag i {
		font-size: 11px;
		margin-right: 1px;
		margin-top: 1px
	}

	.course .adv-content {
		padding: 38px 8px 8px;
		margin-top: -34px
	}

	.course .adv-content p {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course .adv-content .adv-img {
		margin-top: 8px
	}

	.course-bot {
		margin-top: 16px
	}

	.course-left {
		width: 463px;
		margin-right: 16px
	}

	.course-left .image {
		height: 260px
	}

	.course .public-tab a {
		padding: 0 28px
	}

	.course-left .image .play {
		width: 58px;
		height: 58px
	}

	.course-left .text p {
		margin-top: 20px;
		font-size: 18px;
		line-height: 20px;
		height: 20px
	}

	.course-left .text span {
		font-size: 12px
	}

	.course-left .text .bottom {
		margin-top: 18px;
		line-height: 30px;
		height: 30px;
		margin-bottom: 10px
	}

	.course-left .text .bottom mark {
		padding: 0 12px 0 5px;
		font-size: 14px
	}

	.course-left .text .bottom mark i {
		font-size: 14px
	}

	.course-bot .yiqi {
		height: 354px
	}

	.course-right ul li p a {
		font-size: 12px;
		line-height: 18px;
		max-height: 36px
	}

	.course-right ul li.focus p a {
		font-size: 13px;
		line-height: 21px;
		max-height: 42px
	}

	.course-bot .live-list .item {
		margin-right: 12px;
		margin-top: 20px
	}

	.course-bot .live-list ul {
		margin-right: -12px;
		margin-top: -20px
	}

	.course-bot .live-list .image .mask i {
		font-size: 36px
	}

	.course-bot .live-list .image .living-time {
		padding: 30px 7px 8px
	}

	.course-bot .live-list .image .living-time span {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.course-bot .live-list .image .video-time {
		right: 8px;
		bottom: 8px;
		font-size: 12px;
		line-height: 20px;
		height: 22px;
		padding: 0 8px
	}

	.course-bot .live-list .text p {
		line-height: 18px;
		height: 36px;
		font-size: 12px;
		margin-top: 8px
	}

	.course-bot .live-list .text p mark {
		margin-right: 4px;
		padding: 0 5px;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		margin-top: 0
	}

	.course-bot .live-list .text .company i {
		font-size: 12px;
		margin-right: 2px
	}

	.course-bot .live-list .text p mark i {
		width: 14px;
		height: 14px
	}

	.course-bot .live-list .text .company {
		margin-top: 8px;
		font-size: 12px
	}

	.course-right ul li {
		padding: 0 16px
	}

	.customer-intro {
		margin-right: 18px;
		width: 443px
	}

	.customer-intro .text .title {
		margin-top: 18px;
		font-size: 16px;
		line-height: 18px;
		height: 18px
	}

	.customer-intro .text .content {
		margin-top: 14px;
		font-size: 12px;
		line-height: 18px;
		max-height: 108px
	}

	.customer-news-list li {
		margin-top: 11px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.customer-intro-list li i {
		width: 18px;
		height: 18px
	}

	.customer-intro-list li {
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		margin-top: 8px
	}

	.web .customer-news-list li {
		margin-top: 9px
	}

	.customer-news .bottom-adv-img {
		margin-top: 10px
	}

	.mt35 {
		margin-top: 16px
	}

	.webinar {
		padding: 20px 0
	}

	.public-title {
		font-size: 25px
	}

	.mt40 {
		margin-top: 22px
	}

	.webinar-box .left {
		width: 738px;
		margin-right: 26px
	}

	.webinar-top-image {
		width: 508px;
		margin-right: 10px
	}

	.webinar-top-image .image i {
		left: 11px;
		bottom: 10px;
		font-size: 46px
	}

	.webinar-box .left .webinar-list .image i,
	.webinar-box .right .list li .image i {
		bottom: 7px;
		left: 7px;
		font-size: 34px
	}

	.webinar-box .right .list li .image i {
		font-size: 40px
	}

	.webinar-box .left .webinar-list li .item {
		margin-right: 14px;
		margin-top: 14px
	}

	.webinar-box .left .webinar-list ul {
		margin-right: -14px
	}

	.webinar-box .left .webinar-list .text p b {
		font-size: 13px;
		margin-right: 4px
	}

	.webinar-box .left .webinar-list .text p {
		margin-top: 8px;
		line-height: 28px;
		height: 28px;
		padding-right: 62px;
		font-size: 12px
	}

	.webinar-box .left .webinar-list .text p .btn {
		padding: 0 6px;
		line-height: 26px;
		font-size: 12px
	}

	.webinar-box .right .list li .image mark {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		padding: 0 8px
	}

	.webinar-box .right .list li p {
		font-size: 12px;
		line-height: 16px;
		height: 16px
	}

	.webinar-box .right .list li p a i {
		width: 16px;
		height: 16px
	}

	.webinar-box .right .list li {
		margin-top: 16px
	}

	.new-product-list li .item {
		margin-right: 10px;
		margin-top: 10px
	}

	.new-product-list ul {
		margin-right: -10px;
		margin-top: -10px
	}

	.new-product-list li .image {
		height: 146px
	}

	.new-product-list li .name {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.new-product-list li .content {
		margin-top: 10px;
		font-size: 12px
	}

	.new-product-list li .content p {
		line-height: 14px;
		height: 14px;
		margin-top: 2px
	}

	.new-product-list li .btn a {
		font-size: 12px;
		padding: 0 7px;
		height: 28px;
		line-height: 26px;
		margin-right: 7px
	}

	.new-product-list li .btn {
		margin-top: 8px
	}

	.new-product-list li .text {
		padding: 0 10px 10px
	}

	.tech .article {
		width: 255px;
		margin-right: 16px
	}

	.tech .title p {
		font-size: 17px;
		line-height: 22px
	}

	.tech .title p i {
		width: 22px;
		height: 24px
	}

	.tech .title .more {
		top: 6px;
		font-size: 12px
	}

	.tech .title {
		padding-bottom: 10px
	}

	.article-list {
		margin-top: 12px
	}

	.article-list li .icon {
		width: 20px;
		height: 20px
	}

	.article-list li.topic .text p {
		line-height: 20px;
		height: 20px
	}

	.article-list li p {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.article-list li {
		margin-top: 15px
	}

	.article-list li .tag {
		font-size: 12px;
		margin-top: 7px;
		line-height: 24px
	}

	.article-list li .tag mark {
		margin-right: 10px;
		height: 24px;
		line-height: 20px
	}

	.article-list li .image {
		width: 106px;
		margin-right: 10px
	}

	.article-list li.img-txt .text p {
		line-height: 18px;
		height: 36px
	}

	.article-list li .tag i {
		margin-top: 8px;
		margin-right: 4px;
		font-size: 12px
	}

	.tech .title-nav a {
		font-size: 12px;
		padding: 0 12px
	}

	.tech .title-nav a::after {
		height: 14px;
		top: 3px
	}

	.tech .title-nav a::after {
		height: 12px
	}

	.tech .programme {
		width: 450px;
		margin-right: 16px
	}

	.programme-top p {
		font-size: 15px;
		line-height: 16px;
		height: 17px
	}

	.programme-top .content {
		font-size: 12px;
		line-height: 18px;
		height: 38px;
		margin-top: 10px
	}

	.programme-top {
		margin-top: 12px;
		padding: 16px 12px 12px
	}

	.programme-list li {
		margin-top: 14px;
		font-size: 12px;
		line-height: 12px;
		height: 14px
	}

	.programme-list {
		padding: 0 12px
	}

	.data ul li .ext {
		margin-right: 7px;
		width: 32px;
		height: 38px
	}

	.data ul li p {
		font-size: 12px;
		height: 14px;
		line-height: 14px
	}

	.data ul li .file-data {
		font-size: 12px;
		line-height: 14px;
		margin-top: 6px
	}

	.data ul li span i {
		margin-right: 4px;
		margin-top: 1px;
		font-size: 12px
	}

	.data ul li span {
		margin-right: 16px
	}

	.data ul li {
		margin-top: 13px
	}

	.data-book .book-title img {
		width: 171px
	}

	.data-book .book-img {
		margin-top: 20px;
		text-indent: 47px;
		height: 116px
	}

	.book-message {
		margin-top: 25px
	}

	.data-book .book-img img {
		width: 128px
	}

	.data-book .btn {
		margin-top: 18px
	}

	.data-book .btn a {
		font-size: 12px
	}

	.data-book .btn a span {
		padding: 0 25px;
		line-height: 32px;
		height: 32px
	}

	.data-book {
		margin-top: 16px;
		padding: 20px 22px 20px
	}

	.book-message p:first-child {
		font-size: 12px
	}

	.book-message p {
		line-height: 34px;
		height: 34px;
		font-size: 12px
	}

	.book-message p a {
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-top: 8px;
		background-size: 10px
	}

	.mt30 {
		margin-top: 20px
	}

	.recommend-pro-box .left {
		width: 726px;
		margin-right: 18px
	}

	.yiqi-tab a i {
		font-size: 21px;
		height: 21px;
		line-height: 21px
	}

	.yiqi-tab a span {
		margin-top: 6px;
		font-size: 13px;
		height: 15px;
		line-height: 15px
	}

	.pro-bot .big-pro {
		width: 229px
	}

	.pro-bot {
		margin-top: 12px
	}

	.pro-bot .pro-list li {
		height: 173px;
		padding: 0 10px
	}

	.pro-bot .pro-list .image {
		height: 116px
	}

	.pro-bot .pro-list .text p {
		margin-top: 6px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.pro-bot .pro-list li:hover .image {
		height: 92px
	}

	.offer-bot .offer-list li .right {
		font-size: 12px
	}

	.offer-bot .offer-list li .right mark {
		padding: 0 5px;
		margin-right: 7px
	}

	.pro-bot .pro-list .text .btn button {
		height: 22px;
		line-height: 22px;
		border-radius: 18px;
		padding: 0 14px;
		font-size: 12px
	}

	.pro-bot .pro-list .text .btn {
		margin-top: 6px
	}

	.pro-bot .pro-list .text .type {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.offer-bot .offer-list li {
		font-size: 12px;
		padding-right: 104px;
		line-height: 17px;
		height: 17px;
		margin-top: 9px
	}

	.offer-bot:nth-child(3) .offer-list li {
		padding-right: 64px
	}

	.offer-ewm {
		margin-top: 14px
	}

	.small-ewm,
	.big-ewm {
		padding: 10px 10px 9px
	}

	.offer-ewm p {
		font-size: 14px
	}

	.offer-ewm .btn a {
		font-size: 12px;
		padding: 0 12px;
		height: 24px;
		line-height: 20px
	}

	.offer-ewm .btn a i {
		font-size: 11px;
		margin-top: 2px
	}

	.small-ewm .image {
		width: 48px;
		right: 24px;
		bottom: 0
	}

	.big-ewm .content {
		font-size: 13px;
		line-height: 17px;
		margin-top: 12px
	}

	.offer-ewm .btn {
		margin-top: 10px
	}

	.big-ewm .image {
		width: 92px;
		right: 17px;
		top: 43px
	}

	.interview-box .people {
		width: 724px;
		margin-right: 18px
	}

	.interview-box .title p {
		font-size: 21px
	}

	.interview-box .title i {
		width: 29px;
		height: 29px;
		margin-top: 1px
	}

	.interview-box .title .more {
		font-size: 13px
	}

	.people-img {
		width: 310px;
		margin-right: 18px
	}

	.people-txt li .hover-box .name b {
		font-size: 15px
	}

	.people-txt li .hover-box .name i {
		width: 4px;
		height: 14px;
		margin: 3px 6px 0
	}

	.people-txt li .hover-box .name a {
		font-size: 15px
	}

	.people-txt li .hover-box .name {
		line-height: 17px;
		height: 17px
	}

	.people-txt li .hover-box .job mark {
		font-size: 13px;
		line-height: 26px;
		height: 26px;
		padding: 0 13px
	}

	.people-txt li .hover-box .job {
		margin-top: 12px
	}

	.people-txt li .hover-box .content {
		margin-top: 12px;
		font-size: 13px;
		line-height: 20px;
		height: 40px
	}

	.people-txt li.focus+li .normal {
		margin-top: 24px
	}

	.people-txt li .normal .num {
		width: 48px;
		margin-right: 10px
	}

	.people-txt li .normal .text p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.people-txt li .normal .text .teacher {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 10px
	}

	.people-txt li .normal {
		margin-top: 30px
	}

	.people-txt li .hover-box {
		margin-top: 23px;
		padding: 16px 16px 14px
	}

	.interview-list li .image {
		margin-right: 10px;
		width: 96px
	}

	.interview-list li p {
		font-size: 12px;
		line-height: 18px;
		height: 36px
	}

	.interview-list li .number {
		margin-top: 5px;
		font-size: 12px
	}

	.interview-list li .number i {
		margin-right: 3px;
		font-size: 12px
	}

	.interview-list li {
		margin-top: 25px
	}

	.exhibition-img {
		width: 312px;
		margin-right: 18px
	}

	.exhi-bot .exhibition-top p {
		font-size: 15px;
		line-height: 17px;
		height: 17px;
		margin-top: 12px
	}

	.exhi-bot .exhibition-top p i {
		font-size: 13px
	}

	.exhibition-txt {
		margin-right: 20px;
		width: 450px
	}

	.exhi-tab p a {
		font-size: 19px;
		padding: 0 22px
	}

	.exhi-tab p a span {
		padding-bottom: 14px
	}

	.exhi-tab p a::after {
		top: 3px;
		height: 15px
	}

	.exhi-tab p a span::before {
		bottom: -1px
	}

	.exhibition-txt .exhi-title .more,
	.exhibition-video .title .more {
		font-size: 12px
	}

	.exhi-bot .exhibition-top .time {
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-list {
		margin-top: 10px;
		padding-top: 10px
	}

	.exhibition-list li .time {
		margin-right: 8px;
		width: 30px;
		padding: 3px 0 5px
	}

	.exhibition-list li .time b {
		font-size: 14px
	}

	.exhibition-list li .text p {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 2px
	}

	.exhibition-list li .text .city {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-list li .btn a {
		top: 4px;
		width: 78px;
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}

	.exhibition-list li .btn i {
		margin-top: 12px;
		font-size: 9px
	}

	.exhibition-video-list .image mark i {
		margin-top: 6px;
		width: 14px;
		height: 14px
	}

	.exhibition-list li {
		margin-top: 19px
	}

	.exhibition-video .title i {
		width: 27px;
		height: 22px
	}

	.exhibition-video .title p {
		font-size: 19px;
		line-height: 23px
	}

	.exhibition-video-list {
		margin-top: 14px
	}

	.exhibition-video-list .number {
		margin-top: 8px;
		font-size: 12px
	}

	.exhibition-video-list .number i {
		font-size: 12px
	}

	.exhibition-video-list p {
		font-size: 13px;
		line-height: 15px;
		height: 15px
	}

	.exhibition-video-list .image mark {
		top: 8px;
		right: 8px;
		line-height: 26px;
		height: 26px;
		padding: 0 8px;
		font-size: 12px
	}

	.exhibition-video-list li {
		margin-top: 13px
	}

	.exhibition-video-list .image span strong {
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.exhibition-video-list .focus+li,
	.exhibition-video-list li:last-child.focus {
		padding-top: 14px
	}

	.report-list li .time {
		font-size: 12px
	}

	.report-list li {
		margin-top: 13px;
		font-size: 13px;
		line-height: 15px;
		height: 15px;
		padding-right: 62px
	}

	.report-list li i {
		margin-right: 6px;
		margin-top: 6px
	}

	.gold-company {
		padding: 30px 0 22px
	}

	.gold-company-list li .image {
		height: 80px
	}

	.gold-company-list li .txt b {
		font-size: 14px;
		padding: 0 8px
	}

	.gold-company-list li .item {
		margin-right: 8px;
		margin-top: 8px;
		padding: 0 0 8px
	}

	.gold-company-list li .txt {
		margin: 0 14px
	}

	.gold-company-list ul {
		margin-right: -8px;
		margin-top: -8px
	}

	.gold-company-list .item::after {
		top: -14px
	}

	.gold-company-list .hover-box {
		height: 60px;
		top: -66px
	}

	.gold-company-list li:nth-child(n+7) .hover-box {
		bottom: -77px
	}

	.corporate-tab p a {
		font-size: 18px
	}

	.corporate-tab p a span {
		margin-right: 12px;
		line-height: 46px;
		height: 46px;
		margin-top: 14px
	}

	.corporate-tab p {
		margin-right: -12px
	}

	.corporate-tab p a.focus span {
		height: 60px;
		line-height: 60px
	}

	.corporate-tab p span::before,
	.corporate-tab p span::after {
		width: 18px;
		height: 15px;
		margin-top: 23px
	}

	.corporate-tab p span b {
		margin: 0 10px
	}

	.corporate-list {
		padding: 0 7px
	}

	.corporate-list li {
		padding-left: 22px;
		height: 50px;
		line-height: 50px;
		font-size: 12px
	}

	.corporate-list li .vip {
		margin-top: 14px
	}

	.friend-bot li {
		margin-top: 12px;
		font-size: 12px;
		line-height: 14px;
		height: 14px
	}

	.friend-tab p a {
		font-size: 17px;
		padding: 0 22px
	}

	.friend-tab p a::after {
		top: 3px;
		height: 14px
	}

	.Lista a {
		width: 82px;
		font-size: 12px;
		margin-right: 8px;
		height: 32px;
		line-height: 32px
	}

	.gotoTop {
		right: 10px
	}

	.foot-nav {
		width: 400px
	}

	.hot-line>b {
		font-size: 26px
	}

	.hot-line span {
		font-size: 12px;
		line-height: 24px
	}

	.qr-code {
		padding-top: 10px
	}

	.foot-txt li {
		font-size: 12px
	}

	.hot-line {
		width: 235px;
		margin-left: 64px
	}

	.hot-line {
		font-size: 24px
	}

	.hot-line p {
		font-size: 12px
	}

	.qr-code li {
		padding: 0 0 0 20px
	}

	.qr-code h2 {
		padding-left: 20px
	}

	.qr-code li span {
		width: 120px;
		height: 120px
	}

	.qr-code li p {
		font-size: 12px
	}

	.footer {
		padding: 20px 0
	}

	.foot-img li {
		width: 55px;
		height: 22px;
		margin-right: 5px
	}

	.foot-nav p {
		font-size: 12px;
		line-height: 24px
	}

	.couplet-adv.left {
		left: 10px
	}

	.couplet-adv.right {
		right: 10px
	}

	.Job {
		height: 90px;
		margin-top: 10px
	}

	.Job-swiper {
		margin: 20px 48px 20px 48px
	}

	.Job-swiper ul li {
		width: 33.33%
	}

	.Job-swiper ul li .Icon {
		width: 30px;
		height: 30px;
		left: 10px
	}

	.Job-swiper ul li .Title {
		left: 50px;
		font-size: 12px;
		max-width: 95px
	}

	.Job-swiper ul li .Salary {
		right: 14px;
		font-size: 12px;
		max-width: 75px
	}

	.Job-swiper ul li .Company {
		left: 50px;
		font-size: 12px;
		max-width: 110px
	}

	.Job-swiper ul li .City {
		right: 14px;
		font-size: 12px;
		padding: 0 5px
	}

	.Job .more {
		border-radius: 11px;
		width: 22px;
		padding: 10px 0
	}

	.Job .more a {
		font-size: 12px
	}
}

@media only screen and (min-width:285px) and (max-width:305px) {
	.webinar-top-text .text-item {
		padding: 0 22px 130.4%
	}

	.webinar-top-text .name p {
		font-size: 20px;
		line-height: 30px;
		height: 60px
	}

	.webinar-top-text .name {
		padding-top: 50px
	}

	.webinar-top-text dl {
		margin-top: 36px;
		font-size: 14px;
		padding-left: 54px
	}

	.webinar-top-text dl dd {
		margin-top: 10px;
		line-height: 16px;
		height: 16px
	}

	.webinar-top-text dl dd b {
		font-size: 22px
	}

	.webinar-top-text dl dd b font {
		font-size: 18px
	}

	.webinar-top-text dl.time dd {
		line-height: 24px;
		height: 24px;
		font-size: 19px
	}

	.webinar-top-text dl::after {
		width: 46px;
		height: 46px
	}

	.webinar-top-text .btn a span {
		line-height: 40px;
		height: 42px;
		font-size: 18px
	}

	.webinar-top-text .btn i {
		width: 56px;
		height: 28px;
		margin-left: 30px;
		margin-top: 7px
	}

	.webinar-top-text .btn {
		margin-top: 36px;
		padding: 0 14px
	}
}

@media only screen and (min-width:253px) and (max-width:284px) {
	.webinar-top-text mark {
		padding: 0 12px;
		height: 30px;
		line-height: 28px;
		font-size: 15px
	}

	.webinar-top-text mark i {
		font-size: 14px
	}

	.webinar-top-text .text-item {
		padding: 0 22px 130.4%
	}

	.webinar-top-text .name p {
		font-size: 18px;
		line-height: 28px;
		height: 56px
	}

	.webinar-top-text .name {
		padding-top: 46px
	}

	.webinar-top-text dl {
		margin-top: 31px;
		font-size: 14px;
		padding-left: 54px
	}

	.webinar-top-text dl dd {
		margin-top: 10px;
		line-height: 16px;
		height: 16px
	}

	.webinar-top-text dl dd b {
		font-size: 22px
	}

	.webinar-top-text dl dd b font {
		font-size: 18px
	}

	.webinar-top-text dl.time dd {
		line-height: 24px;
		height: 24px;
		font-size: 19px
	}

	.webinar-top-text dl::after {
		width: 46px;
		height: 46px
	}

	.webinar-top-text .btn a span {
		line-height: 40px;
		height: 40px;
		font-size: 16px
	}

	.webinar-top-text .btn i {
		width: 56px;
		height: 28px;
		margin-left: 30px;
		margin-top: 6px
	}

	.webinar-top-text .btn {
		margin-top: 36px;
		padding: 0 14px
	}
}

@media only screen and (min-width:222px) and (max-width:252px) {
	.webinar-top-text .btn {
		margin-top: 36px;
		padding: 0 14px
	}

	.webinar-top-text mark {
		padding: 0 12px;
		height: 26px;
		line-height: 24px;
		font-size: 13px
	}

	.webinar-top-text mark i {
		font-size: 12px
	}

	.webinar-top-text .text-item {
		padding: 0 16px 130.4%
	}

	.webinar-top-text .name p {
		font-size: 16px;
		line-height: 25px;
		height: 50px
	}

	.webinar-top-text .name {
		padding-top: 42px
	}

	.webinar-top-text dl {
		margin-top: 24px;
		font-size: 12px;
		padding-left: 45px
	}

	.webinar-top-text dl dd {
		margin-top: 10px;
		line-height: 16px;
		height: 16px
	}

	.webinar-top-text dl dd b {
		font-size: 18px
	}

	.webinar-top-text dl dd b font {
		font-size: 14px
	}

	.webinar-top-text dl.time dd {
		line-height: 20px;
		height: 20px;
		font-size: 15px
	}

	.webinar-top-text dl::after {
		width: 38px;
		height: 38px
	}

	.webinar-top-text .btn a span {
		line-height: 36px;
		height: 36px;
		font-size: 15px
	}

	.webinar-top-text .btn i {
		width: 46px;
		height: 24px;
		margin-left: 24px;
		margin-top: 6px
	}

	.webinar-top-text .btn a.living i::after {
		width: 18px;
		height: 18px
	}

	.webinar-top-text .btn i::after {
		border-width: 5px 0 5px 7px
	}
}

@media only screen and (max-width:221px) {
	.webinar-top-text mark {
		padding: 0 10px;
		height: 24px;
		line-height: 22px;
		font-size: 12px
	}

	.webinar-top-text mark i {
		font-size: 10px
	}

	.webinar-top-text .text-item {
		padding: 0 14px 130.4%
	}

	.webinar-top-text .name p {
		font-size: 14px;
		line-height: 22px;
		height: 44px
	}

	.webinar-top-text .name {
		padding-top: 36px
	}

	.webinar-top-text dl {
		margin-top: 20px;
		font-size: 12px;
		padding-left: 45px
	}

	.webinar-top-text dl dd {
		margin-top: 10px;
		line-height: 16px;
		height: 16px
	}

	.webinar-top-text dl dd b {
		font-size: 18px
	}

	.webinar-top-text dl dd b font {
		font-size: 14px
	}

	.webinar-top-text dl.time dd {
		line-height: 20px;
		height: 20px;
		font-size: 15px
	}

	.webinar-top-text dl::after {
		width: 38px;
		height: 38px
	}

	.webinar-top-text .btn a span {
		line-height: 36px;
		height: 36px;
		font-size: 15px
	}

	.webinar-top-text .btn i {
		width: 46px;
		height: 24px;
		margin-left: 24px;
		margin-top: 6px
	}

	.webinar-top-text .btn a.living i::after {
		width: 18px;
		height: 18px
	}

	.webinar-top-text .btn i::after {
		border-width: 5px 0 5px 7px
	}

	.webinar-top-text .btn {
		margin-top: 21px;
		padding: 0 14px
	}
}

.newYearBgi {
	padding-top: 160px;
	background: url(../../../../images/index/version/2024/1920.png) no-repeat 0 0;
	background-size: 100% auto
}

.newYearBgi .newYear {
	width: 1580px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden
}

@media only screen and (min-width:1600px) and (max-width:1890px) {
	.newYearBgi .newYear {
		width: 1420px
	}

	.newYearBgi {
		padding-top: 142px;
		background: url(../../../../images/index/version/2024/1600.png) no-repeat 0 0;
		background-size: 100% auto
	}
}

@media only screen and (min-width:1501px) and (max-width:1599px) {
	.newYearBgi .newYear {
		width: 1300px
	}

	.newYearBgi {
		padding-top: 130px;
		background: url(../../../../images/index/version/2024/1600.png) no-repeat 0 0;
		background-size: 100% auto
	}
}

@media only screen and (min-width:1370px) and (max-width:1500px) {
	.newYearBgi .newYear {
		width: 1300px
	}

	.newYearBgi {
		padding-top: 130px;
		background: url(../../../../images/index/version/2024/1440.png) no-repeat 0 0;
		background-size: 100% auto
	}
}

@media only screen and (min-width:1290px) and (max-width:1369px) {
	.newYearBgi .newYear {
		width: 1158px
	}

	.newYearBgi {
		padding-top: 114px;
		background: url(../../../../images/index/version/2024/1366.png) no-repeat 0 0;
		background-size: 100% auto
	}
}

@media only screen and (min-width:1200px) and (max-width:1389px) {
	.newYearBgi .newYear {
		width: 1148px
	}

	.newYearBgi {
		padding-top: 108px;
		background: url(../../../../images/index/version/2024/1280.png) no-repeat 0 0;
		background-size: 100% auto
	}
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
	.newYearBgi .newYear {
		width: 1010px
	}

	.newYearBgi {
		padding-top: 100px;
		background: url(../../../../images/index/version/2024/1176.png) no-repeat 0 0;
		background-size: 100% auto
	}
}

@media only screen and (max-width:1024px) {
	.newYearBgi .newYear {
		width: 1010px
	}

	.newYearBgi {
		padding-top: 100px;
		background: url(../../../../images/index/version/2024/1024.png) no-repeat 0 0;
		background-size: 100% auto
	}
}